js when

[max103]

ho uno script che popola 3 tendine
-regione
-città
-zona

quando selezion LAZIO da tendina 1, la tendina 2 si popola con le città del LAZIO


vorrei ora fare in modo che dopo il cerca, le tre tendine rimanessero popolate e con la ricerca impostata

l'evento è questo

	function commonTemplate(item) {
		return "<option value='" + item.Value + "'>" + item.Text + "</option>"; 
	};
	function commonTemplate2(item) {
		return "<option value='" + item.Value + "'>***" + item.Text + "***</option>"; 
	};
	
	function commonMatch(selectedValue) {
		return this.When == selectedValue; 
	};

come faccio per far partire lo script non solo When selectedValue ma anche OnLoad?

[cavicchiandrea]

Non conoscendo js when (ma la rete è vasta) bisognerebbe capire se è nelle sue possibilità studiandosi le API, di certo recuperare/memorizzare dati lato client non è mai cosa semplice dovendo usare i cookie (discussione in merito), ma forse se hai un dialogo di popolamento lato server con ajax potresti usare le sessioni.
Non avendo un quadro chiaro sono solo ipotesi.

[max103]

Aspetta provo a spiegarmi meglio, forse sono stato contorto

Ho tre tendine che popolo con ajax

Quando scelgo la regione lazio nella tendina 1
Si popola la tndina 2 con le città del lazio, e cosi per le zone nella tendina 3

Quando clicco invia mi cerca i risultati nella zona selezionata con le tre tendine

Ma contemporaneamente si azzerano le tre tendine
Io invece vorrei che rimessero impostate e popolate


Avendo php sono riuscito anche a re impostare con le scelte fatte, le tre tendine dopo aver cliccato cerca
Ma le tendine sono "morte" perché vengono popolate solo da return this.When == selectedValue

Per risolvere , dopo il cerca vorrei invocare il return al caricamento della pagina con qualcosa tipo
Return this.When == OnLoad

[cavicchiandrea]

Ho capito il problema ma non conoscendo js when non so come risolverlo, ne se è possibile.
Considera che quando c'è un invio del forum i dati dello stesso vengono cancellati

[max103]

provo a postare tutto il codice e riassumere cosa succede e cosa vorrei succedesse

tutto il codice

<script type="text/javascript">
	var list1 = [
					{"When":"Lazio","Value":"Roma","Text":"Roma"},
					{"When":"Lazio","Value":"Roma Lido di Ostia","Text":"Roma Lido di Ostia"},
				];
	var list2 = [
					{"When":"Roma","Value":"Roma Nord","Text":"Roma Nord"},
					{"When":"Roma Lido di Ostia","Value":"Ostia Ovest","Text":"Ostia Ovest"},
				];	
				
	
	function commonTemplate(item) {
		return "<option value='" + item.Value + "'>" + item.Text + "</option>"; 
	};
	function commonTemplate2(item) {
		return "<option value='" + item.Value + "'>***" + item.Text + "***</option>"; 
	};
	
	function commonMatch(selectedValue) {
		return this.When == selectedValue; 
	};
	
</script>
<script type="text/javascript">
	jQuery(document).ready(function()
	{	
		jQuery("#citta").cascade("#regione",{					
			list: list1,
			template: commonTemplate,
			match: commonMatch 
		});
		jQuery("#zona").cascade("#citta",{					
			list: list2,
			template: commonTemplate,
			match: commonMatch 
		});
	});
</script>

<select name="regione" id="regione">
  <option value="" selected="selected">Scegli</option>
  <option value="Lazio">Lazio</option>
</select>
<select name="citta" id="citta">
  <option value="" selected="selected">Scegli</option>
</select>
<select name="zona" id="zona">
  <option value="" selected="selected">Scegli</option>
</select>

funzionamento:
imposto le tre tendine, clicco cerca, le tre tendine si azzerano

cosa succede:
con PHP recupero le scelte fatte con le tendine e reimposto le tendine
ma, dato che le tendine si popolano solo quando imposto un valore nella tendina precedente, visualizzo solo il valore recuperato con php e non tutti gli altri valori

cosa dovrebbe succedere:
vorrei invocare al caricamento della pagina la funzione commonMatch che popola le tendine