无法在 Internet Explorer 中选择选择框的选项答案

【问题标题】：Unable to select options of a select box in internet explorer无法在 Internet Explorer 中选择选择框的选项
【发布时间】：2012-09-26 06:44:15
【问题描述】：

我正在尝试为我的网页制作自定义工具提示，除了选择框和 Internet Explorer (IE) 之外，一切似乎都很好。添加工具提示后，IE 不允许我选择任何选项。我可以单击选择框以显示选项，但是一旦我将鼠标悬停在选项上，选择框就会自行关闭。

您可以使用jsfiddle 清楚地观察它。尝试在 Firefox 和 Internet Explorer 中打开它。在 Firefox 中它可以正常工作，但在 IE 中，只要您尝试选择其中一个选项，选择框就会自行关闭。

如何让它在 IE 中正常工作？

【问题讨论】：

你的问题是什么？请陈述你的问题。我们不是来研究你的问题的。陈述它。我无法确定是否有任何区别。
您的意思是工具提示出现在您的选择框前面，不让您选择选项？
@Dibya：问题是当我试图将鼠标悬停在我的选项上时，选择框正在关闭。
@venkateshwar：这不是我的问题我的问题是当我尝试将鼠标悬停在选择框的选项上时选择框正在关闭，即它不允许我在 Internet Explorer 中选择任何选项
@Dibya：还不清楚请告诉我。

标签： jquery html internet-explorer

【解决方案1】：

尝试关闭一些行代码，如下更改：

 ...

   this.t = this.title;
   // this.title = "";
   $("body").append("<p id='tooltip'>"+ this.t +"</p>");
 ... 
   //this.title = this.t;
   $("#tooltip").remove();
 ...

【讨论】：

@PraveenKumar,@Fredy 然后您将同时看到两个工具提示，一个来自默认，另一个是您刚刚添加的。鼠标悬停时不应显示删除默认标题的点

【解决方案2】：

您需要明确告诉 IE 在您的函数中停止传播，因为它也将悬停应用到子选项元素。

$('*.tooltip').hover(function(e)
{
    e.stopPropagation();

    ...
}

Original Fiddle

这适用于 IE7、8 和 9：

添加了一个条件子句来检查事件对象中的选择框。

Updated Fiddle

【讨论】：

IE 9 还是同样的问题！
为您提供额外/不同的解决方案
呃……只有我一个人吗？仍然是同样的问题...检查 IE 8：不！当.remove()事件发生时，这个问题就来了！ :(
仍然不允许选择 IE8 中选中的选项。
是的，这是一个问题，不是一个好的解决方案......更新的小提琴适用于 IE7、8 和 9。

【解决方案3】：

你真的需要title 来控制这个控件吗？您可以使用data attributes，一切都会好起来的。例如：http://jsfiddle.net/6MzD3/16/。另请查看 Plugins/Authoring 并为工具提示创建简单的插件，无需硬编码选择器。

【讨论】：

这不是我想要的确切答案，但它解决了我的目的。谢谢