欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-13 12:28:36
...

最开始使用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();
    ......
}