come ottenere più valori selezionati e articoli da listbox utilizzando javascript

<!DOCTYPE html> 
<html> 
<script> 
function getValue() 
{ 
  var x=document.getElementById("sel"); 
    for (var i = 0; i < x.options.length; i++) { 
    if(x.options[i].selected ==true){ 
      alert(x.options[i].selected); 
     } 
    } 
} 
</script> 
</head> 
<body> 
<select multiple="multiple" id="sel"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 
<input type="button" value="Get Value" onclick="getValue()"/> 
</body> 
</html>

Questo è il mio codice. come ottengo tutti i valori selezionati dalla lista usando javascript. Il codice sopra mostra che mostra vero per tutto il valore selezionato.come ottenere più valori selezionati e articoli da listbox utilizzando javascript

fonte

2012-10-08 R J.

Sostituire

if(x.options[i].selected ==true){ 
     alert(x.options[i].selected); 
    }

con

if(x.options[i].selected){ 
     alert(x.options[i].value); 
    }

fonte

2012-10-08 05:45:39

il suo funzionamento grazie :) –

E 'inutile usare 'if (x.options [i] = .selected = true) 'invece di' if (x.options [i] .selected) ', ma potrebbe avere senso' if (x.options [i] .selected === true) 'o' if (!! x. opzioni [i] .selezionate) ' – Oriol

vi suggerisco di farlo utilizzando jQuery come questo:

var selected = $('#sel option:selected');

Se si preferisce non utilizzare jQuery quindi ignorare questa risposta e fare riferimento agli altri

fonte

2012-10-08 05:45:47

La domanda richiede una soluzione JavaScript e non è taggato * jQuery * – Phil

@Phil Solo facendo un suggerimento, l'utente può ignorarlo se non usa jQuery, ma può anche presentargli un accesso DOM facile che può prendere in considerazione. –

Da http://api.jquery.com/selected-selector/: "* Poiché': selected' è un'estensione jQuery e non fa parte delle specifiche CSS, le query che utilizzano ': selected' non possono sfruttare l'incremento di prestazioni fornito dal metodo DOM 'querySelectorAll()' nativo Per ottenere le migliori prestazioni usando ': selected' per selezionare gli elementi, prima seleziona gli elementi usando un puro selettore CSS, quindi usa' .filter (": selected") '*" . Pertanto 'var selected = $ ('# sel option'). Filter (': selected');' è migliore. – Oriol

soluzione con lo stesso esempio

<!DOCTYPE html> 
<html> 
<script> 
function getValue() 
{ 
    var x=document.getElementById("sel"); 
    for (var i = 0; i < x.options.length; i++) { 
    if(x.options[i].selected ==true){ 
      alert(x.options[i].value); 
     } 
    } 
} 
</script> 
</head> 
<body> 
<select multiple="multiple" id="sel"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 
<input type="button" value="Get Value" onclick="getValue()"/> 
</body> 
</html>

fonte

2016-04-14 10:47:35

uso selectedOptions

for (var i = 0; i < x.selectedOptions.length; i++) { 
    alert(x.selectedOptions[i].value); 
}

fonte

2017-02-15 16:59:29 Rm558

come ottenere più valori selezionati e articoli da listbox utilizzando javascript

risposta

Problemi correlati