hi,欢迎访问本站!
当前位置: 首页Web前端正文

select下拉框触发事件

墨初 Web前端 1314阅读

select元素是html中的一个下拉选择框,可以让用户选择不同的数据。而在有的前端web中需要对select的下拉做出相应的事件。下面就说一说jquery对select下拉选择事件的触发方法。

jquery下拉选择事件

下面提供两个Jq关于select下拉事件的触发方法,两个方法都有相同之处,只是写法不同而。

方法1:

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<select  onchange="fun(this)">
    <option value="1">baidu.com</option>
    <option value="2">73so.com</option>
    <option value="3">qq.com</option>
</select>
<script>
function fun(e)
{
    console.log('当前下拉选择的值为:'+$(e).val());
}
</script>

方法2:

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<select id="url">
    <option value="1">baidu.com</option>
    <option value="2">73so.com</option>
    <option value="3">qq.com</option>
</select>
<script>
$('body #url').change(function(){
    console.log('当前下拉选择的值为:'+ $(this).val());
})
</script>

上面就是关于select下拉选择框jq事件的方法,各位可以多多的参考一下。

声明:无特别说明,转载请标明本文来源!