JavaScript获取option value值 以及文本内容的方法

审核中 JavaScript 未结 已结 置顶 精帖
删除 置顶 取消置顶 加精 取消加精
66 0
yswl
yswl VIP3 2021-09-04 10:41:51
悬赏:60金币 编辑此贴

JavaScript获取option value值 以及文本内容的方法

<div class="form-group">
                <label>保险公司</label>
                <select class="form-control" id="product_category">
                    <option value="平安">平安保险</option>
                    <option value="太平洋">太平洋保险</option>
                    <option value="平安">平安保险</option>
                </select>
</div>

js

<script>
    /*JavaScript实现*/
    var testSelect = document.getElementById("product_category");
    testSelect.onchange = function() { //当选项改变时触发
        var valOption = this.options[this.selectedIndex].value; //获取option的value
        alert(valOption);
        var txtOption = this.options[this.selectedIndex][xss_clean]; //获取option中间的文本
        alert(txtOption);
    }
</script>