JavaScript 獲取option value 值以及文字內容的方法
阿新 • • 發佈:2019-01-19
首先附上原始碼
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<label>保險公司</label>
<select id="testSelect">
<option value="平安">平安保險</option>
<option value="太平洋">太平洋保險</option>
<option value="平安">平安保險</option>
</select>
</body>
<script type="text/javascript">
var testSelect = document.getElementById("testSelect");
testSelect.onchange = function() { //當選項改變時觸發
var valOption = this.options[this.selectedIndex].value; //獲取option的value
alert(valOption);
var txtOption = this.options[this.selectedIndex].innerHTML; //獲取option中間的文字
alert(txtOption);
}
</script>
</html>
需要說明的是,這裡一定要記住把JavaScript程式碼放在最後,否則載入不出來,或者寫一個onload
實驗效果: