隐藏的选择框在 Chrome 中不起作用答案

【问题标题】：Hidden select box doesn't work in Chrome隐藏的选择框在 Chrome 中不起作用
【发布时间】：2010-11-17 23:09:30
【问题描述】：

Chrome 中的选择框存在严重问题。

我有一个隐藏的 DIV，其中有一个包含 SELECT 框的表单。 DIV 使用 css "display:none" 隐藏。然后我有一个按钮，使用 jQuery 在点击时显示隐藏的 DIV：$("#addForm").show()

问题是，当显示 DIV 时，SELECT 框不起作用。 :-o 我可以看到 SELECT 框，但默认值为空，当我单击 SELECT 框时，Chrome 会突出显示它，但没有出现 OPTION 列表。

如果我从 CSS 中删除“display: none;”，它会起作用。然后，当我在init 上隐藏#addForm DIV 并再次显示它之后，这是同样的问题。好像 CSS 以某种方式破坏了 SELECT 框。

这只发生在 Chrome 中。 :-/

我认为这将是一个常见问题，但我还没有找到任何关于为什么会发生的答案，也没有找到解决方案。

谁能帮帮我？

更新：

在我按照 cmets 的要求放置一些代码的过程中，我发现了这个错误。 :-)

我不会阻止你，所以这里是代码：www.dehold.net/chrome/

明显破坏了我的选择框的脚本是这两行：

$("#mee_empId option").attr('selected',false);
$("#mee_conId option").attr('selected',false);

有没有人有一个很好的解决方案来做我没有正确做的事情？

【问题讨论】：

【解决方案1】：

为什么页面没有Doctype？

我不知道 JQuery 如何设置属性，但 selected 永远不可能是 false。该属性要么仅存在 (HTML)，要么设置为“已选择”(XHTML)，要么不存在。

也许是你的问题。

【讨论】：