首先附上原始碼

<!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方法。
實驗效果:
這裡寫圖片描述

.