獲取和設(shè)置select的選中項的值

發(fā)布時間：2020-06-08 16:00:08 來源：網(wǎng)絡(luò) 閱讀：2835 作者：lifengand1992 欄目：web開發(fā)

<!DOCTYPE html>

<html>

<title>獲取select的選中項的值</title>

</head>

<body>

<option value="0">請選擇選項</option>

</select>

</body>

</html>

window.onload=function(){

var tags=document.getElementsByTagName("select");

//通過javascript來獲取select的選中項【】

var s=document.getElementById("select0");

s.selectedIndex=2;//設(shè)置選中項的索引

var index= s.selectedIndex;//獲取選中項的索引

console.log(s.options[index].value);//輸出選中項的值：value=3

console.log(s.options[index].text);//輸出選中項的option里面的值：選項三

//通過下面方法也可以獲取下面的值

var selectedValue=document.getElementById("select0").value;

console.log(selectedValue);

//通過jquery方法去設(shè)置和獲取

console.log($("#select0").find("option:selected").text());//得到選中的option的里面的text

console.log($("#select0").val());//得到選中的值

$("#select0").val(1);//設(shè)置選中的值

console.log($("#select0").val());

//jquery和javascript的結(jié)合使用

var sIndex=$("#select0").get(0).selectedIndex;

//根據(jù)text=‘選項四’，來選中該項

$("#select0 option[text='選項一']").attr("selected","true");

$("#select0 option[value='2']").remove();//刪除value='2'的選項刪除

//把除了第一項的其他項都刪除

$("#select0 option[value!='0']").remove();//可用于在多個選擇框相互關(guān)聯(lián)，然后當(dāng)其中一個選項框開始選中時，清空另一個選項框。

};

</script>

向AI問一下細(xì)節(jié)

猜你喜歡