select下拉框触发事件
墨初 Web前端 1801阅读
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事件的方法,各位可以多多的参考一下。