Firefox 未采用所选选项,对此有任何解决方法 加载后

Posted

技术标签:

【中文标题】Firefox 未采用所选选项,对此有任何解决方法 加载后【英文标题】:Firefox not taking the selected option, any workaround for this After loading 【发布时间】:2015-07-14 16:20:17 【问题描述】:

我意识到这个问题已经被讨论过,Firefox 不接受选择的选项。但是我发现的所有现有解决方法仅在页面加载期间有效。但是我的代码是在页面中动态设置选定的选项。这是我的一段代码:

$('.RemoveSelect').click(function(e) 

            //..
            if (slimit <= 2) 
                $('#duration').attr('disabled', 'disabled');
                $('#oneTurnPerPerson').attr('selected', 'true');
            

这适用于 chrome,但根本不适用于 FF。有什么解决方法吗?

【问题讨论】:

.attr('selected', 'true'); 应该是.attr('selected', true); 还是试试prop?或者这个***.com/a/10096033/3639582 如果元素是动态加载的,需要使用事件委托:***.com/questions/203198/… @ShaunakD 感谢您的建议。但我认为这个问题与属性无关。这些元素在页面加载时就在那里,但我需要动态更改 attr。并且 attr 发生了变化。问题在于 FF 没有将选定的选项作为默认显示。相关:***.com/questions/4831848/… 【参考方案1】:

disabled 和 selected 是布尔属性。

正确的写法是:

$('.RemoveSelect').click(function(e) 

            //..
            if (slimit <= 2) 
                $('#duration').attr('disabled', true);
                $('#oneTurnPerPerson').attr('selected', true);
            

【讨论】:

感谢您的建议。但这并没有什么不同。在FF的开发者工具中你可以发现你的代码无论如何都会被翻译成disabled="disabled"和selected="selected"。相关问题:***.com/questions/4831848/…

以上是关于Firefox 未采用所选选项,对此有任何解决方法 加载后的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 jQuery 检查所选选项的更改? [复制]

从 Firefox 中的 HTML 输入事件中获取空字符串

Selectpicker - 所选选项未显示在按钮中

在未选择的选项卡中从片段调用方法

ReactJS Reactstrap 输入下拉菜单未显示所选值

如何在 Facebook 等应用程序图标上显示通知计数?