为什么以下这段js代码 火狐可以实现 IE8和Google Chrome都没有效果呢？单击option无法触发alert

发布网友 发布时间：2023-03-24 17:58

我来回答

共5个回答

热心网友 时间：2023-11-08 12:22

　　尊敬的用户，您好！很高兴为您答疑
　　看了一下您的代码，发现您并没有正确进行事件的绑定，或者说您的写法不规范。建议您尝试如下写法：
　　document.getElementById("test").onchange = function(){alert(this.options[this.selectedIndex].title);};
　　通过捕捉select的onchange事件去触发获取option的title
　　希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

热心网友 时间：2023-11-08 12:23

　　您好！很高兴为您答疑！　　document.getElementById("test").onchange = function(){alert(this.options[this.selectedIndex].title);};是在用下拉框的change事件，不建议在option上做click。　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

热心网友 时间：2023-11-08 12:23

其实你可以把你的需求发过来，可能你也有你的想法。用jQuery把，除了特殊的方法基本上 所有的浏览器都支持。
jQuery("#test option").each(function(i){//i是下标
jQuery(this).click(function (){
alert(jQuery(this).attr("title"));
});
});

热心网友 时间：2023-11-08 12:24

document.getElementById("test").onchange = function(){alert(this.options[this.selectedIndex].title);};
其实往往都是在用下拉框的change事件，在option上做click是不建议的。

热心网友 时间：2023-11-08 12:25

火狐和其他浏览器用的就不是一个核心追问我想问下，实现这个效果，怎么写js可以兼容这几个浏览器

追答对于js，我只能这么说，去熟悉js方法在各浏览器中是否被支持，尽量避免使用不兼容的js方法