重新加载页面时不要在选择框中保留先前选择的值答案

【问题标题】：Don't keep previously selected value in select box when page is reloaded重新加载页面时不要在选择框中保留先前选择的值
【发布时间】：2016-08-19 22:14:55
【问题描述】：

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

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

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

请用最简单最安全的方法:)

谢谢。

【问题讨论】：

标签： html select

【解决方案1】：

autocomplete="off" 属性适用于选择元素以及输入元素：

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

【讨论】：

这应该是选择的答案，这样比较正确。尽管选择的答案也确实有效（没有冒犯）。
这也是使用 React 并与浏览器选择与当前状态不对应的选项时的正确选择。使用 JS 强制选择 DOM 中的选项会导致 DOM 和 VDOM 错位，这可能是 React 不喜欢的，所以最好有使用选项。

【解决方案2】：

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

在 javascript 中是这样的：

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

jquery 提供更多帮助：

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

将 true 作为第二个参数传递会清除任何先前选择的值。 Jquery select box tips.

【讨论】：