2010-10-27 27 views
14

Comment déterminer ce qui est sélectionné dans la liste déroulante? En Javascript.Obtenir la valeur déroulante

+0

double possible de [? Comment obtenir la valeur sélectionnée de dropdownlist en utilisant javascript] (http://stackoverflow.com/ questions/1085801/how-to-get-selection-valeur-de-dropdownlist-using-javascript) –

+0

Il est généralement très utile si vous incluez du code dans vos questions – kurdtpage

Répondre

32

Si votre menu déroulant est quelque chose comme ceci:

<select id="thedropdown"> 
    <option value="1">one</option> 
    <option value="2">two</option> 
</select> 

Ensuite, vous utiliser quelque chose comme:

var a = document.getElementById("thedropdown"); 
alert(a.options[a.selectedIndex].value); 

Mais une bibliothèque comme jQuery simplifie les choses:

alert($('#thedropdown').val()); 
+3

Juste 'a.value' ferait l'affaire. – casablanca

+1

Je creuse profondément dans ma mémoire ici, mais je pense que 'a.value' n'a pas fonctionné dans certains navigateurs (probablement IE 6, haha). Quoi qu'il en soit, l'utilisation d'une bibliothèque est la meilleure. – cambraca

+1

Cela fonctionne sur tous les navigateurs que je connais, y compris IE6. (juste testé) – casablanca

0

Vous aimez cette :

$dd = document.getElementById("yourselectelementid"); 
$so = $dd.options[$dd.selectedIndex]; 
0
var dd = document.getElementById("dropdownID"); 
var selectedItem = dd.options[dd.selectedIndex].value; 
5

Utilisez la propriété value de l'élément <select>. Par exemple:

var value = document.getElementById('your_select_id').value; 
alert(value); 
4
<select onchange = "selectChanged(this.value)"> 
    <item value = "1">one</item> 
    <item value = "2">two</item> 
</select> 

puis le javascript ...

function selectChanged(newvalue) { 
    alert("you chose: " + newvalue); 
}