Problema con i select

**Wolverine94** · 29-07-2016, 12:08

Ciao a tutti,

mi potete dire dove sbaglio ?

codice:

<script>
      function vai()
      {
         for(i = 0; i < document.modulo.nazioni.options.length; i++)
         {
            if(document.modulo.nazioni.options[i].selected)
               document.write(document.modulo.nazioni.options[i].value);
         }
      }
  </script>
  
</head>
<body>

  <form name = "modulo">
  
  <select name = "nazioni" id = "nazioni">
  <option value = "italia"> italia </option>
  <option value = "francia"> francia </option>
  <option value = "germania"> germania </option>
  </select>
  <br>
  <select name = "nazioni" id = "nazioni">
  <option value = "russia"> russia </option>
  <option value = "cina"> cina </option>
  <option value = "giappone"> giappone </option>
  </select>
  <br>
  <select name = "nazioni" id = "nazioni">
  <option value = "usa"> usa </option>
  <option value = "canada"> canada </option>
  <option value = "messico"> messico </option>
  </select>
  <br>
  <input type = "button" onclick = "vai()" value = "clicca">
  </form>

**br1** · 29-07-2016, 12:43

Non puoi usare document.write() in una funzione che agisca a pagina gia' completamente caricata, devi usare un oggetto presente nella pagina come contenitore del tuo output e servirti di proprieta' quali innerHtml o innerText

**Wolverine94** · 29-07-2016, 15:08

Originariamente inviata da br1

Non puoi usare document.write() in una funzione che agisca a pagina gia' completamente caricata, devi usare un oggetto presente nella pagina come contenitore del tuo output e servirti di proprieta' quali innerHtml o innerText

quando premo il tasto button non accade nulla.

**Wolverine94** · 29-07-2016, 15:19

il problema si ha quando aggiungo un'altra select (quindi 2 select) con lo stesso nome. Perché ?

**KillerWorm** · 29-07-2016, 15:27

con lo stesso nome.

Ciao, il name potrebbe anche essere uguale ma tutti gli id, dentro uno stesso documento html, devono necessariamente essere univoci.

**br1** · 29-07-2016, 18:08

Insomma... una collezione di errori.

**Wolverine94** · 01-08-2016, 10:21

Originariamente inviata da br1

Insomma... una collezione di errori.

Ho fatto come mi hai consigliato ma il problema persiste

codice:

var vettore = new Array();
         var j = 0;
         
         for(i = 0; i < document.modulo.nazioni.options.length; i++)
         {
             if(document.modulo.nazioni.options[i].selected)
             {
                 vettore[j] = document.modulo.nazioni.options[i].value;
                 j = j + 1;
             }
         }
         
         document.getElementById("ms").innerHTML = vettore[0] + vettore[1] + vettore[2];

**cavicchiandrea** · 01-08-2016, 11:07

Ripassa js gli array non si popolano come fai tu http://www.html.it/guide/guida-javas...ef=development

**Wolverine94** · 01-08-2016, 11:33

Originariamente inviata da cavicchiandrea

Ripassa js gli array non si popolano come fai tu http://www.html.it/guide/guida-javas...ef=development

Su internet ho trovato:

Per definire tutto questo in JavaScript, scriviamo, riferendoci all'elenco precedente:

var Sport_Vari= new Array ("Calcio", "Nuoto", "Tennis", "Ginnastica Artistica", "Pattinaggio", "Spinning", "Lotta libera")

oppure:

var Sport_Vari= new Array(7);
Sport_Vari[0]="Calcio";
Sport_Vari[1]="Nuoto";
Sport_Vari[2]="Tennis";
Sport_Vari[3]="Ginnastica Artistica";
Sport_Vari[4]="Pattinaggio";
Sport_Vari[5]="Spinning";
Sport_Vari[6]="Lotta Libera";

Che è in linea con quello che dice il mio manuale. Perché mi dici che l'array non si popola cosi ?

**cavicchiandrea** · 01-08-2016, 12:01

La tua è una array dinamica le voci vengono aggiunte dall'utente, quelle che hai scritto sono predefinite

Discussione: Problema con i select

Strumenti discussione

Ricerca discussione

Visualizza

Problema con i select

Permessi di invio