本文分别采用原生javaScript方法,jQuery方法实现,实现怎样获取select节点中的各项值。
一、选择下拉框
<select id="selectDrop" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
二、javaScript实现
var selectDrop = document.getElementById("selectDrop");
1.得到选中项的索引:
var index = selectDrop.selectedIndex;
2.得到选中项的option的value
selectDrop.options[index].value;
3.得到选中项的option的text:
selectDrop.options[index].text;
三、jQuery实现
注意:加载jquery库
1.获取选中项:
var selected = $("#selectDrop option:selected");
2.得到选中项value
selected.val();
3.得到选中项的文本
selected.text();