js,jq获取select下拉框的各项值

本文分别采用原生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();