获得下拉值

时间:2010-10-27 01:19:55

标签: javascript html html-select

如何确定下拉菜单中的内容?在Javascript。

5 个答案:

答案 0 :(得分:33)

如果您的下拉列表是这样的:

<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());

答案 1 :(得分:7)

使用value元素的<select>属性。例如:

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

答案 2 :(得分:5)

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

然后是javascript ...

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

答案 3 :(得分:0)

像这样:

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

答案 4 :(得分:0)

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