valori select multipla [era:Javascript]

**marco.agelao** · 05-01-2013, 20:49

Salve, devo rilevare le selezioni in una select a selezione multipla.
Quando vado a leggere la selezione tramite

document.getelementbyid("nomeselect").value;

vedo però solo la prima, nonostante ve ne siano più di una.

Dove sbaglio?

Grazie in anticipo

**JVM** · 05-01-2013, 22:04

dovresti scorrere l' array delle opzioni e recuperare quelle selezionate, prova con una cosa del genere, dovrebbe recuperarti solo le opzioni selezionate

codice:

	function visualizza(){
		var l= document.getElementsByName("nome_lista")[0].options;

		for(c=0;c<l.length;c++)
			if(l[c].selected)
				alert(l[c].value);
	}

**marco.agelao** · 05-01-2013, 23:36

grazie per la risposta.
funziona correttamente, anche se avevi dimenticato qualche parentesi:

function visualizza(valore){
var l= document.getElementsByName(valore)[0].options;

for(c=0;c<l.length;c++){
if(l[c].selected){
alert(l[c].value);
}
}
}

io ho passato il nome della select come variabile.

grazie davvero per il prezioso aiuto

**JVM** · 06-01-2013, 00:51

mi fa piacere che funzioni

comunque se l' istruzione contenuta è una sola e non un blocco le parentesi non sono necessarie, quindi puoi scrivere sia

codice:

for(...;...;..)
 istruzione

che

codice:

for(...;...;..){
 istruzione
}

il risultato non cambia

**marco.agelao** · 06-01-2013, 01:32

scusa allora, come non detto
grazie

**JVM** · 06-01-2013, 21:18

**carlomarx** · 07-01-2013, 09:06

Considera la possibiltà di usare il metodo querySelectorAll: potrebbe semplificarti parecchio la vita…

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<script type="text/javascript">
function visualizza () {
	// opzioniSelezionate e' una NodeList (https://developer.mozilla.org/en-US/docs/DOM/NodeList) contenente solo gli elementi selezionati
	var opzioniSelezionate = document.modulo.nomeselect.querySelectorAll("option:checked");
	alert(Array.prototype.join.call(opzioniSelezionate, " :: "));
}
</script>

</head>
<body>

<form name="modulo">


<select multiple name="nomeselect">
	<option>Uno</option>
	<option>Due</option>
	<option>Tre</option>
	<option>Quattro</option>
</select></p>


<span style="color: #ff0000; text-decoration: underline; cursor: pointer;" onclick="visualizza();">Preleva valori</span></p>
</form>

</body>
</html>

Discussione: valori select multipla [era:Javascript]

Strumenti discussione

Ricerca discussione

Visualizza

Javascript

Permessi di invio