<select>下拉菜单click点击事件在谷歌浏览器无法执行问题

最新推荐文章于 2023-12-05 15:48:06 发布

春风不及你的笑

最新推荐文章于 2023-12-05 15:48:06 发布

阅读量8k

点赞数

分类专栏： jquery html 文章标签： select 浏览器兼容 click change

本文链接：https://blog.csdn.net/u011061889/article/details/50609710

版权

在谷歌浏览器中，select标签的click事件无法正常执行。在尝试异步POST提交时，发现点击select下拉菜单无法触发事件并将值传递。经查找资料得知，谷歌浏览器不支持对select标签使用click事件，而应使用change()事件。修正后的代码使用change事件，问题得到解决。这次经历提醒我们，即便使用广泛如jQuery，也应注意浏览器兼容性，避免未充分测试可能导致的不兼容问题。

摘要由CSDN通过智能技术生成

几天前，写一个异步post提交的时候，在select标签中加一个click点击事件，点击下拉菜单的时候，无法执行点击事件。
代码

$('.form-control').find().click(function(){
   
                var id = $(this).val();
                $.post("{:U('Index/getfilm')}",{modelid:id},function(xml){
   });
                }

点击的时候无法将值传出去。

查了资料之后发现谷歌浏览器不支持用click点击事件操作select标签。
而是用另个事件 change()事件。
后来修改成