select automatiche ?!?

**aquatimer2000** · 20-07-2007, 10:00

ciao a tutti,

premesso che di javascritp non ci capisco proprio nulla, dove posso trovare un esempio per ottenere questo risultato:

ho una select inziale che contiene dei valori Es:

<select name="select_1">
<option value="1">uno</option>
<option value="2">due</option>
<option value="3">tre</option>
</select>

solamente se seleziono il valore "uno" mi si deve aprire di fianco una select tipo:

<select name="select_2">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>

qualcuno sa darmi delle indicazioni o farmi degli esempi?

grazie in anticipo per le risposte!

**fcaldera** · 20-07-2007, 10:10

per analogia è la stessa logica delle selct comuni -> province con dati differenti
http://forum.html.it/forum/showthrea...hreadid=967665

**aquatimer2000** · 20-07-2007, 10:52

l'esempio utilizzato può andar bene!
ti chiedo soltanto tre informazioni:

1) la seconda select che viene creata (all'inizio vuota) che name="" ha ?

2) dove inserisco i value della seconda select?

3) nel tuo esempio, la seconda select viene sempre visualizzata (senza nessun campo). E' possibile visualizzarla solo se viene scelto un determinato campo della prima select?

il codice utilizzato è questo di seguito

codice:

<script type="text/javascript">
function regione(reg) {

   var lettera = new Array();
   var selLET = document.getElementById('lettera');
   while(selLET.options.length > 0) selLET.removeChild(selLET.options[0]);

   if (reg == "") return;

   switch(reg) {

        case '1':
            lettera.push('scegli una lettera');
            lettera.push('A');
            lettera.push('B');
            //...
            break;
   }


   for (i=0; i<lettera.length; i++) {
      opt = document.createElement('option');
      opt.setAttribute('value', lettera[i]);
      opt.setAttribute('text', lettera[i]);
      opt.innerHTML = lettera[i];
      selLET.appendChild(opt);
   }
}
</script>

grazie per l'aiuto!

**fcaldera** · 20-07-2007, 11:12

1) dagli il nome che vuoi direttamente nel codice
2) all'interno dei vari case
3)

codice:

   var lettera = new Array();
   var selLET = document.getElementById('lettera');
   while(selLET.options.length > 0) selLET.removeChild(selLET.options[0]);
   selLET.style.visibility = 'hidden'; // nascondi la seconda select

   if (reg == "") return;

   switch(reg) {

        case '1':
            lettera.push('scegli una lettera');
            lettera.push('A');
            lettera.push('B');
            //...
            selLET.style.visibility = 'visible'; // metti l'istruzione in corrispondenza del case che ti intressa
            break;
   }
...

**aquatimer2000** · 20-07-2007, 11:31

codice:

<head>
<script type="text/javascript">
function regione(reg) {

   var lettera = new Array();
   var selLET = document.getElementById('lettera');
   while(selLET.options.length > 0) selLET.removeChild(selLET.options[0]);
   selLET.style.visibility = 'hidden'; // nascondi la seconda select

   if (reg == "") return;

   switch(reg) {

        case '1':
            lettera.push('scegli una lettera');
            lettera.push('A');
            lettera.push('B');
            //...
            selLET.style.visibility = 'visible'; // metti l'istruzione in corrispondenza del case che ti intressa
            break;
   }


   for (i=0; i<lettera.length; i++) {
      opt = document.createElement('option');
      opt.setAttribute('value', lettera[i]);
      opt.setAttribute('text', lettera[i]);
      opt.innerHTML = lettera[i];
      selLET.appendChild(opt);
   }
}
</script>
</head>

<body>

<form action="select_automatiche.php" method="post">
<select name="sel1" id="titolo" onchange="regione(this.value)">
<option value="0">Scegli un titolo </option>
<option value="1">Ing.</option>
<option value="2">Arch.</option>
</select>

<select name="sel2" id="lettera"></select>
<input type="reset" onclick="lettera()" />


<input type="submit" name="submit" value="stampa">
</form>

</body>

così e quasi perfetto,

la ciliegina sulla torta sarebbe questa:

lo script per visibilità della select funziona bene, però quando richiamo la pagina che contiene questo codice, come prima opzione nella select1 ho:

<option value="0">Scegli un titolo </option>

e la seconda select viene visualizzata ugualmente.

è possibile nascondere la seconda select al richiamo della pagina ?

**fcaldera** · 20-07-2007, 11:43

codice:

...
<select name="sel2" id="lettera" style="visibility: hidden"></select>
<input type="reset" onclick="lettera()" />


...

Ciao

**aquatimer2000** · 20-07-2007, 11:48

mittticooo !!!

grazie mille,

Discussione: select automatiche ?!?

Strumenti discussione

Ricerca discussione

Visualizza

select automatiche ?!?

Permessi di invio