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

我正在制作一个用于管理产品SKUS的网络应用。其中一部分是将SKU与产品名称相关联。在表格的每一行上，我列出了一个SKU并显示一个<select>带有产品名称的框。当前与数据库中该SKU相关联的产品具有类似的属性selected="selected"。可以通过AJAX进行更改和更新。

有很多产品<option>s-确切地说是103-并且此列表<select>在每一行中重复。

从页面上的另一输入中，我正在使用jQuery AJAX请求添加新的SKU /产品关联，并且为了清楚地表明它们是立即添加的，我将它们插入到表格的顶部，并带有一点高亮效果。随着SKU的数量增加到10左右，如果刷新页面（将所有内容从按产品名称排序的数据库加载回数据库），则Firefox将开始显示默认选择的错误选项。它显示哪个错误选项并不一致，但是似乎混淆了页面重新加载之前存在的选项。

如果我检查<select>使用的Firebug，select="selected"则在正确的<option>标签上。刷新页面（或离开页面并输入该页面的URL以返回）并不能正确显示，但是硬刷新（Ctrl + F5）可以。

Chrome和IE7都首先正确显示此内容。

我的理论是，这是Firefox错误的缓存策略的结果。听起来对吗？我有什么办法可以在代码中说“如果刷新此页面，请对其进行硬刷新-从头开始重新加载所有内容？”

更新资料

为了解决这个问题，我改变了策略。

• 之前，我在每个表格行中都放置了一个<select>带有<option>s的长列表，并将当前值设置为默认值
• 现在，我将当前值放在中<span>。如果用户单击“更改”按钮，则将替换<span>为<select>，然后“更改”按钮变为“确认”按钮。如果他们更改选项并单击“确认”，则AJAX将更新数据库，然后使用新值<select>返回到a <span>。

这有两个好处：

• 它修复了上述错误
• 它需要远在页面上较少的DOM元素（所有这些多余<option>S）

刷新时，Firefox会保留您选择的表单元素。这是故意的。Ctrl + F5是“硬”刷新，它将禁用此行为。

-

或Command + Shift + R（如果您使用的是Mac）

我遇到了类似的问题，但是在将autocomplete="off"HTML属性添加到每个选择标记后，它都起作用了。[我使用的是Firefox 8]

防止Firefox缓存最后一个选定选项的简单方法是删除页面卸载时的所有选项元素。例如（假设使用jQuery）：

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

我有同样的问题。我试图根据选择了“ selected”的选项来更改select的值，但是Firefox无法正常工作。它将始终默认为第一个选项。

Chrome，Safari等在执行此操作时有效：

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

...但是这在FF中不起作用。

所以我尝试了：

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

而且有效。

jQuery v1.9.1

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

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

在firefox中，我注意到，除非将select放置在具有name属性的表单中，否则“ selected”属性将不起作用。

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

再次记住：

1. 表单必须具有“名称”属性，并且
2. “选择”必须在表格内。

Firebug具有完全针对这种情况的缓存禁用功能。

更深层的长期解决方案是弄清楚如何在服务器端设置无缓存头。您正在使用什么Web服务器？

每当我在Firefox中遇到怪异的选择选项错误时，都是因为我将多个选项标记为选中。您确定只有一个被标记吗？如果您要使用AJAX进行更改，似乎可以很轻松地摆脱困境。

仅供参考：为了防止Firefox在页面重新加载后恢复先前选择的选项，可以将<form>包含<select>选项的整个内容放在内<iframe>。

当选择框是<iframe>你重装容器页面，火狐终于行为就像其他所有浏览器，通过简单地重新选择选项。

感谢@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>

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

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

我知道了 如果在没有缓存头的HTML上放置onunload或$（window）.unload（jquery），则Firefox将重新加载页面并甚至从后退按钮初始化DOM。