几天前,写一个异步post提交的时候,在select标签中加一个click点击事件,点击下拉菜单的时候,无法执行点击事件。
代码
$('.form-control').find().click(function(){
var id = $(this).val();
$.post("{:U('Index/getfilm')}",{modelid:id},function(xml){});
}
点击的时候无法将值传出去。
查了资料之后发现谷歌浏览器不支持用click点击事件操作select标签。
而是用另个事件 change()事件。
后来修改成
$('.form-control').change(function(){
var id = $(this).val();
$.post("{:U('Index/getfilm')}",{modelid:id},function(xml){});
}
之后正常执行。
本以为jquery使用那么广泛,已经不存在对浏览器不兼容的问题。这一次算是一个教训,做完的项目没有去测jquery的执行问题。可能还会有很多jquery对浏览器不兼容问题,以后慢慢发现。
更多推荐
<select>下拉菜单click点击事件在谷歌浏览器无法执行问题
发布评论