1. 程式人生 > >JavaScript 獲取option value 值以及文字內容的方法

JavaScript 獲取option value 值以及文字內容的方法

首先附上原始碼

<!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

方法。
實驗效果:
這裡寫圖片描述

相關推薦

no