为什么 Firefox 不显示正确的默认选择选项？

小开

Firebug 有一个适用于这种情况的缓存禁用函数。

更深层次的长期解决方案是找出如何设置无缓存头服务器端？

小开

每次我在 Firefox 中遇到奇怪的选择选项 bug，都是因为我有多个选项被标记为选中。你确定只有一个是这样标记的吗？看起来，如果您使用 AJAX 来改变这一点，那么您可以很容易地摆脱困境。

小开

最佳答案

Firefox 在刷新时会保留所选的表单元素。这是有意为之的。 Ctrl + F5是一个“硬”刷新，禁用此行为。

--

如果你在 Mac 上，也可以使用 Command + Shift + R

小开

我想明白了。如果你把 onunload 或 $(窗口)。卸载(jquery)在你的 HTML 无缓存头，火狐重新加载页面和初始化 DOM，甚至从后退按钮。

小开

防止 Firefox 缓存最后选择的选项的一个简单方法是删除页面卸载时的所有选项元素。例如(假设是 jQuery) :

$(window).unload(function() {
$('select option').remove();
});

小开

我也遇到过类似的问题，但是在将 autocomplete="off" HTML 属性添加到每个 select 标记之后，它工作了。[我用的是 Firefox 8]

小开

为了阻止 Firefox 在页面重新加载后恢复先前选择的选项，您可以将包含 <select>选项的整个 <form>放在 <iframe>中。

当选择框位于 <iframe>中并重新加载容器页面时，Firefox 最终的行为与所有其他浏览器一样，只需重置选择选项。

小开

我也有同样的问题。我试图根据选择 = “ select”的选项更改 select 的值，但 Firefox 不能工作。它总是默认为第一个选项。

Chrome 浏览器、 Safari 浏览器等在我这么做的时候起作用了:

$( 'option[value="myVal"]' ).attr( 'selected', 'selected' );

但这在 FF 里不管用。

所以我试着:

$( 'option[value="myVal"]' ).prop( 'selected', 'selected' );

而且成功了。

JQuery v1.9.1

小开

我通过在隐藏的输入上加上 autocomplete = “ off”来使它工作。

小开

虽然这是个老问题，但下面的解决方案可以帮助到某人

在 firefox 中，我已经注意到，除非您将选择放在表格中(其中的 Form 有一个 name 属性) ，否则“ select”属性将无法工作。

<form name="test_form" method="POST">
<select name="city">
<option value="1">Test</option>
<option selected="selected" value="2">Test2</option>
</selecct>

再次记住:

表单必须具有“ 姓名”属性和
“ 选择”必须在表格内。

小开

感谢@BananaDeveloper (https://stackoverflow.com/a/8258154/2182349)——这是我在应用程序的单个页面上解决这个问题的解决方案

我不想定制现成的/开源的应用程序代码

<Files "page_that_does_not_work.php">
SetOutputFilter INFLATE;SUBSTITUTE;DEFLATE
Substitute 's/<select/<select autocomplete="off"/n'
Substitute 's/<form/<form novalidate/n'
</Files>

用于 mod_substitute https://httpd.apache.org/docs/2.4/mod/mod_substitute.html的 Apache 文档

感谢: https://serverfault.com/questions/843905/apache-mod-substitute-works-in-curl-but-not-on-browser为 SetOutputFilter

小开

替换 jQuery

.attr('selected', true)

和

.prop('selected', true)

对于 <option>标签为我修复它。所有其他的解决方案不工作

为什么 Firefox 不显示正确的默认选择选项？

更新