Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it L'avatar di pip19
    Registrato dal
    Dec 2001
    Messaggi
    512

    Controllo select multipli

    Ciao,
    vorrei con una funzione poter catturare il valore selected di diverse select all'interno dello stesso form... ma con lo stesso nome...

    mi potete dare una mano?

    codice:
    <select name="ciao">
    <option value="qualcosa" selected>Qualcosa</option>
    <option value="qualcos_altro" >Qualcos_Altro</option>
    </select>
    
    <select name="ciao">
    <option value="primo" >Primo</option>
    <option value="secondo" selected>Secondo</option>
    </select>
    
    <a href=# onclick="controllo();">controlla</a>
    
    
    <script>
    function controllo(){
    
    }
    </script>

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2013
    Messaggi
    32
    ciao,
    non capisco cosa intendi con questo
    "... ma con lo stesso nome...".

    se intendi una funzione che recupera il valore di tutte le select del form puoi fare in questo modo:

    Dai alle tue select una classe, in questo modo:
    codice:
    <select name="ciao" class="select">
    <option value="qualcosa">Qualcosa</option>
    <option value="qualcos_altro">Qualcos_Altro</option>
    </select>
    
    <select name="ciao" class="select">
    <option value="primo">Primo</option>
    <option value="secondo">Secondo</option>
    </select>
    
    <ahref=# onclick="controllo()">controlla</a>
    La funzione controllo() invece è definita cosi:
    codice:
    function controllo() {
    var sel_value = document.getelementbyclassname("select");
    
    for(var i = 0; i <= sel_value.lenght; i++) {
    sel_value[i].value ..... // questo è l'array contenete tutti i valori selezionati con le select.
    }
    
    }
    Ultima modifica di lomba91; 10-04-2014 a 21:55 Motivo: risposta incompleta

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    Ma in un form due select possono avere lo stesso name?
    No

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    @Lomba91 hai fatto diversi errori
    codice:
    function controllo(){
    var sel = document.getElementsByClassName('select')
    for(var i=0; i<sel.options.lenght; i++){
    sel[i].value //valore option
    }
    }
    Quote Originariamente inviata da tampertools Visualizza il messaggio
    Ma in un form due select possono avere lo stesso name?
    Si
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2013
    Messaggi
    32
    ciao, non capisco perche è necessario questo
    codice:
    sel.options.lenght
    in questo modo scorri tutte le opzioni della select anzichè l'array dei soli valori selezionati, o sbaglio?

  6. #6
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Perché devi scorre le option per recuperare il value, come l'hai scritta conta le select e scorri queste ma on hanno value e andrebbe in errore
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  7. #7
    Utente di HTML.it
    Registrato dal
    Oct 2013
    Messaggi
    32
    e come fai a sapere quale value è stato scelto nella select?

  8. #8
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Con selectedIndex.value
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  9. #9
    Utente di HTML.it
    Registrato dal
    Oct 2013
    Messaggi
    32
    ah ecco questa mi mancava, grazie.
    PS: maledetto chrome che capisce troppe cose, infatti quello che ho scritto io su chrome funzionava

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.