js/jq 获取select下拉框的文本值和value值

本篇总结 js/jq 两种方式获取select下拉框的文本值和value值。

---

（一）js 获取select下拉框的文本值和value值

// select change函数
// change(this)
function getText(obj){
    // obj 节点
    var txt=obj.options[obj.options.selectedIndex].text;
    console.log(txt)
}
function getVaule(obj){
    var val=obj.options[obj.options.selectedIndex].value;
    console.log(val)
}

//方式2
var obj = document.getElementById("testSelect");
var text = obj.options[index].text; // 文本值
var value = obj.options[index].value; // value值
var index = obj.selectedIndex; // 索引值

---

（二）jq 获取select下拉框的文本值和value值

// 方式1
$("#tesetSelect").find("option:selected").text(); //文本值
$("#tesetSelect").find("option:selected").val(); //value值
$("#tesetSelect").find("option:selected").get(0).selectedIndex; // 索引值

// 方式2
//方式1和方式2区别在于获取节点的方式不同
$('#testSelect option:selected').text(); // 文本值
$('#testSelect option:selected').val(); // value值
$("#testSelect").get(0).selectedIndex; // 索引值

---

ok。