select下拉框触发事件

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事件的方法，各位可以多多的参考一下。