[jQuery] Refresh della pagina usando onchange e passando la variabile

**joint77** · 20-03-2012, 14:03

Ciao sono neofita di jquery e chiedo una cosa che per molti sarà banale.
Vorrei un campo select con le varie option che mi ricaricasse la pagina in automatico quando faccio onchange sulla option desiderata, passandomi una variabile value al refresh.
So che è fattibile ma non so come fare se qualcuno puo' darmi una mano ne sarei grato.
Ale.

**cavicchiandrea** · 20-03-2012, 14:20

Posta la pagina html (no php o asp) e il codice jquery che hai fatto finora (anche non funzionante)

**thecodingmonk** · 20-03-2012, 14:21

Mmm, forse qualcosa tipo:

codice:

$('#id_select').change(function() {
    location.href = location.href + "?value=" + $(this).val();
});

Devi aggiustare il codice facendo in modo che la query string sia corretta, per esempio se ci sono già altri parametri devi usare & al posto di ?, e probabilmente devi codificare il valore della select altrimenti potrebbe dare errori nell'URL.

**joint77** · 20-03-2012, 15:17

MODIFICATO SOTTO

**joint77** · 20-03-2012, 15:22

Posto il codice non funzionante:

codice:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript"> 
$('#titles').change(function() {
    location.href = location.href + "?value=" + $(this).val();
});
</script>
</head>

<body>
<?
$cardinali=$_GET[value];
echo ("$cardinale 
");
?>
<select name="selTitle" id="titles">
<option value="00">First</option>
<option value="01">Second</option>
<option value="02">Third</option>
<option value="03">Fourth</option>
<option value="04">Fifth</option>
</select>
</body>
</html>

THX

**Vindav** · 20-03-2012, 15:36

http://api.jquery.com/ready/

**joint77** · 20-03-2012, 15:37

???

**Vindav** · 20-03-2012, 16:12

basta leggere la guida jquery cmq:

codice:

$(function(){
$('#titles').change(function() {
    location.href = location.href + "?value=" + $(this).val();
});
});

**joint77** · 20-03-2012, 17:45

Se a qualcuno serve ho la pagina funzionante che fissa anche il bug dell'url:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<script type="text/javascript">

		function GetUrlVars(name) { name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); var regexS = "[\\?&]" + name + "=([^&#]*)"; var regex = new RegExp(regexS); var results = regex.exec(window.location.href); if (results == null) { return ""; } else { return results[1]; } }

		if (GetUrlVars('value') != '') {  };

	</script>
</head>

<body>
<div>
		<select name="selTitle" id="titles" onchange="if ((this.options[this.selectedIndex].value != '-1') && (this.options[this.selectedIndex].value != GetUrlVars('value'))) {window.location = '//' + location.host + location.pathname + '?value=' + this.options[this.selectedIndex].value;}">
			<option value="-1">-- Choose an option --</option>
			<option value="00">First</option>
			<option value="01">Second</option>
			<option value="02">Third</option>
			<option value="03">Fourth</option>
			<option value="04">Fifth</option>
		</select>
	</div>
    <?
$cardinali=$_GET['value'];
echo ("$cardinali 
");
?>
</body>
</html>

Discussione: [jQuery] Refresh della pagina usando onchange e passando la variabile

Strumenti discussione

Ricerca discussione

Visualizza

[jQuery] Refresh della pagina usando onchange e passando la variabile

Permessi di invio