关于select下拉框选择触发事件

最开始使用onclick设置下拉框触发事件发现会有一些问题:

<select>
    <option value="0" onclick="func0()">选项一</option>
    <option value="1" onclick="func1()">选项二</option>
</select>

后来查阅资料才知道 select 的事件是注册在自己标签上的,不是onclick,而是onchange:

<select id="type" onchange="func()>
    <option value="0" >选项一</option>
    <option value="1" >选项二</option>
</select>

获取select标签选中的参数:

function func(){
    // 直接用标签选择器
    var option = $('select option:selected').val();
    // 或者用id选择器
    var option = $("#type option:selected").val();
    ......
}
posted @ 2020-11-11 17:28  貂上蝉  阅读(3271)  评论(0编辑  收藏  举报