selezione menu' A controlla option menu' B ???

**max161** · 01-05-2003, 00:18

MI HANNO DETTO DI POSTARLO QUI PERCHE' HA A CHE FARE CON GLI ARRAY JAVASCRIPT, anche se concerne PHP, comunque:

ho un menu' a tendina mettiamo A naturalmente dinamico.
a seconda della voce selezionata nel menu' A voglio che il menu' B mi presenti delle specifiche opzioni.
naturalmente la soluzione + immediata e semplice è creare 1 pagina per il menu' A che [onChange="submit();"] passa un ID alla pagina 2 del menu' B (CHE FILTRA I DATI DAL DB).
ma cio' comporta lo spiacevole inconveniente che la pagina 2 si RICARICA facendo scomparire il menu' seppur per brevi istanti.
QUALCUNO HA UN'IDEA MIGLIORE?

P.S.= avevo pensato ad un output bufferizzato ma non mi sono addentrato oltre...

Ciao!!

Reale_Augello · 01-05-2003, 00:59

... con una cosa del tipo:

codice:

<script language="JavaScript">

function Cambia(valore) {
 modulo=document.nomeform;
 switch(valore) {
  case 1:
  modulo.B.options[0]=new Option('testo1','valore1a');
  modulo.B.options[1]=new Option('testo1b','valore1b');
  modulo.B.options[2]=new Option('testo1c','valore1c');
  break;
  case 2:
  modulo.B.options[0]=new Option('testo2a','valore2a');
  modulo.B.options[1]=new Option('testo2b','valore2b');
  modulo.B.options[2]=new Option('testo2c','valore2c');
  break;
  case 3:
  modulo.B.options[0]=new Option('testo3a','valore3a');
  modulo.B.options[1]=new Option('testo3b','valore3b');
  modulo.B.options[2]=new Option('testo3c','valore3c');
  break;
 }
}

</script>

La chiamata sarebbe:

<select name="A" onChange="Cambia(this[this.selectedIndex].value);">

Ciao !

**max161** · 01-05-2003, 14:39

Ho apportato le modifiche che mi hai consigliato, e mi sembra che questo script faccia prorpio al caso mio ma non so perchè non funzia...ti passo il codice:

--------------------------------------------------------------------

<html>
<head>
<title>Titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" type="text/JavaScript">

function Cambia(valore) {
modulo=document.form;
switch(valore) {
case 1:
modulo.B.options[0]=new Option('testo1a','valore1a');
modulo.B.options[1]=new Option('testo1b','valore1b');
modulo.B.options[2]=new Option('testo1c','valore1c');
break;
case 4:
modulo.B.options[0]=new Option('testo2a','valore2a');
modulo.B.options[1]=new Option('testo2b','valore2b');
modulo.B.options[2]=new Option('testo2c','valore2c');
break;
case 5:
modulo.B.options[0]=new Option('testo3a','valore3a');
modulo.B.options[1]=new Option('testo3b','valore3b');
modulo.B.options[2]=new Option('testo3c','valore3c');
break;
}
}

</script>
</head>

<body>

<form name="form" method="get" action="top_dx.php" target="rightFrame">
<table width="337">
<tr>
<td>Città:
<select name="A" onChange="Cambia(this[this.selectedIndex].value);">

<option value="%">Tutte le città</option>
<option value="1">Rovigo</option>
<option value="4">Milano</option>
<option value="5">Milano</option>
<option value="6">Torino</option>
<option value="7">Roma</option>
<option value="8">Veneziaa</option>
<option value="10">Berlino</option>
<option value="11">amsterdam</option>
</select>
</td>
<td>
<select name="B">
</select>
</td>

<td> </td>
</tr>
</table>
</form>
</body>
</html>

--------------------------------------------------------------------

Reale_Augello · 01-05-2003, 14:43

... usare come nome di un form il valore 'form'.
Dunque, cambia

modulo=document.form;

in

modulo=document.nomeform;

Ovviamente le modifiche vanno anche qui:

<form name="nomeform" method="get" action="top_dx.php" target="rightFrame">

Fammi sapere !

**max161** · 01-05-2003, 15:06

Prima il form si chiamava 'modulo' ed era la stessa cosa, comunque per sicurezza l'ho cambiato e testato, tutto uguale, non va.
penso che il problema sia che non passa la variabile o nella funzione switch...
scusa se rompo oggi il 1° Maggio, adesso stacco, intanto ti ringrazio..
Ciao!

Reale_Augello · 01-05-2003, 15:07

... con questa modifica:

codice:

<script language="JavaScript" type="text/JavaScript"> 

function Cambia(valore) { 
modulo=document.form; 
switch(valore) { 
case '1': 
modulo.B.options[0]=new Option('testo1a','valore1a'); 
modulo.B.options[1]=new Option('testo1b','valore1b'); 
modulo.B.options[2]=new Option('testo1c','valore1c'); 
break; 
case '4': 
modulo.B.options[0]=new Option('testo2a','valore2a'); 
modulo.B.options[1]=new Option('testo2b','valore2b'); 
modulo.B.options[2]=new Option('testo2c','valore2c'); 
break; 
case '5': 
modulo.B.options[0]=new Option('testo3a','valore3a'); 
modulo.B.options[1]=new Option('testo3b','valore3b'); 
modulo.B.options[2]=new Option('testo3c','valore3c'); 
break; 
} 
} 

</script>

Dovrebbe andare...

**giord** · 02-05-2003, 11:52

Grandissimo....funziona è proprio quello che cercavo!

:tongue:

**max161** · 03-05-2003, 14:21

Ora però dovrei renderlo dinamico, devo ancora pensare come farlo senza che ogni volta si ricarichi la pagina, potrei memorizzare i dati in un array lato client....che ne pensate?

Reale_Augello · 03-05-2003, 14:42

Originariamente inviato da max161
Ora però dovrei renderlo dinamico, devo ancora pensare come farlo senza che ogni volta si ricarichi la pagina, potrei memorizzare i dati in un array lato client....che ne pensate?

Cosa intendi per dinamico ?
I due menu sono generati da script lato server ?

**max161** · 04-05-2003, 14:57

funziona alla perfezione ti ringrazio, aggingerei soltanto una ultima "chicca" allo script e cioè:

function Cambia(valore) {

modulo=document.nomemodulo;
switch(valore) {
case '%':
modulo.id.options.length=0;
modulo.id.options[0]=new Option('Tutti i record ','%','',true);
break;
case '1':

modulo.id.options.length=0;
modulo.id.options[0]=new Option('Tutti i record ','%');
modulo.id.options[1]=new Option('Talamona','4');
modulo.id.options[2]=new Option('2 torri','8');
modulo.id.options[3]=new Option('la sirenetta','9');
break;

case 'n':

modulo.id.options.length=0;
modulo.id.options[0]=new Option('Tutti i record ','%');
modulo.id.options[1]=new Option('','');
break;
}
}

</script>

giusto no? quando cambio voce al primo menù mi resetta il secondo prima di creare le voci corrispondenti.

Ciao!:mavieni:

Discussione: selezione menu' A controlla option menu' B ???

Strumenti discussione

Ricerca discussione

Visualizza

selezione menu' A controlla option menu' B ???

Prova...

Non...

Non è quello....

Prova...

Ottimo....

...

Esattamente:

Permessi di invio