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

标签 jquery css google-chrome

我对 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/

相关文章:

html - CSS 背景大小和背景位置问题

jquery - $ ('iframe' ).css ('visibility' ,'hidden' ) 无法在 Google Chrome 中工作

javascript - 在 ASP.NET 中离开页面之前保存数据

javascript - jQuery/Javascript 获取多个元素的类以显示具有该类的元素

CSS 布局问题 - Div 不随内容扩展

javascript - $(window).height 不断增长

javascript onclick 导航(多层)- 如何分离父点击和子点击?

javascript - 如何将 AJAX 输出流式传输到 Javascript 中的文件下载?

javascript - 在 IE 和 Edge 中,在子窗口上调用 acquireNode 和 importNode 失败

php - net::ERR_HTTP2_PROTOCOL_ERROR 是关于什么的?