获得下拉值

ano*_*ous 15 html javascript html-select

如何确定下拉列表中选择的内容?在Javascript中.

cam*_*aca 34

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

<select id="thedropdown">
  <option value="1">one</option>
  <option value="2">two</option>
</select>
Run Code Online (Sandbox Code Playgroud)

然后你会使用类似的东西:

var a = document.getElementById("thedropdown");
alert(a.options[a.selectedIndex].value);
Run Code Online (Sandbox Code Playgroud)

但像jQuery这样的库简化了一些事情:

alert($('#thedropdown').val());
Run Code Online (Sandbox Code Playgroud)

  • 只要'a.value`就行. (5认同)
  • 它适用于我所知道的所有浏览器,包括IE6.(刚刚测试过) (2认同)

cas*_*nca 7

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

var value = document.getElementById('your_select_id').value;
alert(value);
Run Code Online (Sandbox Code Playgroud)


小智 5

<select onchange = "selectChanged(this.value)">
  <item value = "1">one</item>
  <item value = "2">two</item>
</select>
Run Code Online (Sandbox Code Playgroud)

然后是javascript ...

function selectChanged(newvalue) {
  alert("you chose: " + newvalue);
}
Run Code Online (Sandbox Code Playgroud)