web-dev-qa-db-ja.com

ドロップダウン値を取得

ドロップダウンで何が選択されているかを判断する方法は? Javascriptで。

15
anonymous

ドロップダウンが次のような場合:

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

次に、次のようなものを使用します。

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

しかし、jQueryのようなライブラリは物事を簡素化します。

alert($('#thedropdown').val());
34
cambraca

<select>要素のvalueプロパティを使用します。例えば:

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

そして、javascript ...

function selectChanged(newvalue) {
  alert("you chose: " + newvalue);
}
5
Thomas F.

このような:

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