继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

select下拉列表 改变事件 jquery change

quincyye
关注TA
已关注
手记 235
粉丝 168
获赞 3550

<select id="select_keleyi_com"><option value="4">柯乐义</option>
<option value="3">keleyi.com</option>
<option selected="selected" value="2">第二</option>
<option value="1">第一个</option>
</select>
<script src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(
function () {
$("#select_keleyi_com").change(function () {
alert($("#select_keleyi_com").val());
});
})
</script>

扩展参考:

jquery设置<select>的change事件太诡异了,在change事件中对selectedIndex属性赋值,居然会再次触发change事件,在别的地方赋值就没事。在ie中用键盘操作下拉列表要两次回车才触发change事件,是BUG么?

<select>的change就是这样的,它是要你改变选项后并且失去光标才会触发,你说的用键盘操作下拉列表要两次回车才触发change事件其实是让它失去了光标,所以触发了事件。

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP