怎样使用jQuery触发Select、Radio的change/onchange事件

知道91 | Web前端 | 2014-10-19 | 阅读:9156

我们在进行网页前端开发的时候可以发现,我们给Select或者Radio绑定了change事件,我们人为的选择可以触发change事件,但是有时需要Javascript程序控制,那么又应该怎样实现呢?举下面的例子。

jquery-logo-color-on-white

<select id='test' name='a' onchange='javascript:a();'>
 <option value='a' seleted>a</option>
 <option value='b'>b</option>
 <option value='c'>c</option>
 </select>

那么即使没有人为去触发,又怎样使用Javascript程序触发Select选项呢?使用原始的Javascript可以使用下面的代码

 <script language='javascript'>
   document.getElementById("a").options[2].selected=true;
   document.getElementById("a").onchange();
 </script>

如果使用jQuery可以使用下面的代码

 $("#test").val("b");
 $("#test").change();

 Radio同样的道理,所以你应该明白怎样使用jQuery触发Select、Radio的change/onchange事件了吧。