本文参照 https://www.cnblogs.com/zhangyongl/p/6912050.html经过亲自实验得来
首先附上源码
<!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
方法。
实验效果: