Obtenir une valeur déroulante

Question

Comment déterminer ce qui est sélectionné dans le menu déroulant? En Javascript.

Answer 1

Si votre liste déroulante ressemble à ceci:

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

Ensuite, vous utiliseriez 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());

Answer 2

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

var value = document.getElementById('your_select_id').value;
alert(value);

Answer 3

<select onchange = "selectChanged(this.value)">
  <item value = "1">one</item>
  <item value = "2">two</item>
</select>

et puis le javascript ...

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

Answer 4

Comme ça:

$dd = document.getElementById("yourselectelementid");
$so = $dd.options[$dd.selectedIndex];

Answer 5

var dd = document.getElementById("dropdownID");
var selectedItem = dd.options[dd.selectedIndex].value;