乐趣区

关于javascript:Javascript-获取下拉框选中元素的值

假如 select 元素的构造如下:

<select id="select1">
    <option value="1" selected="selected">value1</option>
    <option value="2">value2</option>
    <option value="3">value3</option>
</select>

在 HTML DOM 中,select 元素的 options 属性能够获取到其下所有的 option 元素,而后再通过选中项的索引值获取相应 option 元素的值:

var select1 = document.getElementById("select1");

// 选中项的索引 select1.selectedIndex
// 显示文本 select1.options[0].text
// 值 select1.options[0].value
退出移动版