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。