我对 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);
有没有人有好的解决方案来解决我未能正确完成的事情?
最佳答案
为什么页面没有 Doctype?
我不知道 JQuery 如何设置属性,但 selected
永远不会是 false
。
该属性要么仅存在 (HTML),要么设置为“已选择”(XHTML),要么不存在。
可能是你的问题。
关于jquery - 隐藏的选择框在 Chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4204190/