JS获取/设置select下拉框的text和vlaue

下拉框html代码

<select id="selectID">
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
</select>

 JavaScript

//获取DOM对象
var obj = document.getElementById("selectID");

//通过索引获取
var index = obj.selectedIndex;//选中的索引
var text = obj.options[index].text;//选中的文本
var value = obj.options[index].value;//选中的value
//通过遍历DOM对象获取
for (i = 0; i < obj.length; i++) {
    if (obj[i].selected == true) {//选中
        var Index = i;//索引
        var Value = obj[i].text;//文本
        var Text = obj[i].value;//value
    }
}

//通过索引设置选中
obj.options[2].selected = true;
//通过value设置选中
for (i = 0; i < obj.length; i++) {
    if (obj[i].value == "2") {//value
        obj[i].selected = true;
    }
}

 

jQuery 

//获取选中索引
$("#selectID ").get(0).selectedIndex;
//获取选中value
$("#selectID option:selected").val();
$("#selectID ").find("option:selected").val();
//获取选中文本
$("#selectID option:selected").text();
$("#selectID ").find("option:selected").text();

//根据value设置选中
$("#selectID").val("2");
//根据索引设置选中
$("#selectID").find("option").eq(2).attr("selected", true);