jquery - 隐藏的选择框在 Chrome 中不起作用

Question

我对 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 中。 :-/

我认为这将是一个常见问题，但我还没有设法找到它发生的原因的任何答案，也没有找到解决方案。

谁能帮帮我？

---

更新:

在我按照评论中的要求提交一些代码的过程中，我发现了这个错误。 :-)

我不会让你置身事外，所以这是代码:www.dehold.net/chrome/

显然破坏我的选择框的脚本是这两行:

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

有没有人有好的解决方案来解决我未能正确完成的事情？

Answer 1

为什么页面没有 Doctype？

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

可能是你的问题。