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

时间:2010-11-17 12:11:15

标签: jquery css google-chrome

我在Chrome中选择框时出现严重问题。

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

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

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

这只发生在Chrome中。 : - /

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

有人可以帮助我吗?


更新:

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

我不会让你离开它,所以这是代码:www.dehold.net/chrome/

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

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

有没有人有一个很好的解决方案去做我未能正确做的事情?

1 个答案:

答案 0 :(得分:1)

为什么网页没有Doctype?

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

也许这是你的问题。