重新加载页面时不要保留之前选择的选项值。

Question

有人知道如何防止浏览器在客户端重新加载页面时保留上次选择的选项吗？

问题是当我重新加载页面时，它会保留上次选择的选项，当我在地址栏中选择url并按Enter键时，它将被重置。

我想要第二个结果，这意味着我希望浏览器始终重置选择框。

请提供最简单和最安全的方法:)

谢谢。

- medk

Answer 1

autocomplete="off" 属性不仅适用于输入元素，也适用于选择元素：

<select autocomplete="off" >
     <option>1</option>
     <option selected>2</option>
</select>

- manu

---

这应该是选择的答案，这更正确。 虽然选择的答案也能工作（无意冒犯）。 - AdheneManx

当使用React并且与浏览器选择不符合当前状态的选项进行斗争时，这也是正确的选择。使用JS在DOM中强制选择一个选项会使DOM和VDOM不对齐，这可能不受React的喜欢，因此最好使用option。 - Tomáš Hübelbauer

Answer 2

只需在 JavaScript 中设置值。这样，当页面加载时，它始终初始化为相同的值。仅使用 <option selected="selected"> 是行不通的。

在 JavaScript 中，可以像这样实现：

document.getElementById("selectBoxToBeReset").options[indexToBeSelected].selected = true;

而且 jQuery 更加有帮助：

$("#selectBoxToBeReset").selectOptions("value to be selected", true);

将 true 作为第二个参数传递会清除先前选择的任何值。Jquery 选择框提示。

- Gordon Gustafson