HTML 表单选择：选项属性 selected="selected" 和 default="default" 不起作用答案

【问题标题】：HTML form select: option attributes selected="selected" and default="default" not workingHTML 表单选择：选项属性 selected="selected" 和 default="default" 不起作用
【发布时间】：2020-06-11 08:56:58
【问题描述】：

我在 HTML 中使用了一个简单的下拉框，如下所示，默认选择第一个选项（只是一个号召性用语）：

<select class="form-control" id="elementID" name="elementName" required="required">
<option value="" default="default" selected="selected">---Choose your Size---</option>
<option>25,000</option>
<option>50,000</option>
<option>100,000</option>
</select>
<button class="btn btn-primary btn-block" type="submit">Send Now</button>

但是，当用户选择其他选项之一（例如 25,000）并刷新页面而不是提交表单时，它会继续显示已选择的选项。我该如何防止呢？使用火狐。

试图搜索这个问题，但在 SO 上找不到。在这里感谢任何帮助。

【问题讨论】：

除非您将新的默认值存储在某处（即服务器或本地存储），否则浏览器（或 html 代码）将始终默认为您构建的默认值。我怀疑您是在用简单的 HTML 编写所有这些内容。
检查顶部的 url 天气它在提交时显示所选选项。如果它比表单有效

标签： html forms select

【解决方案1】：

这是因为当页面重新加载时，浏览器会记住用户在表单中输入的内容，这通常是非常有用的，例如，如果有人填写了很长的表单，然后不小心按下了重新加载，或者单击了链接。出于这个原因，我不太确定您为什么要首先禁用此行为。

但是，如果您有必要这样做，您可以使用以下 javascript 解决方案，该解决方案将在加载页面时执行并将下拉菜单重置为默认值：

document.getElementById("elementID").selectedIndex = 0;

【讨论】：

明白，感谢您的澄清。我以为我犯了一个错误，导致了这种行为。再次感谢。

【解决方案2】：

尝试关闭包装表单上的autocomplete 属性（如果有）<select> 标签。像这样：

<form autocomplete="off">
 . . .(your select tags and submit button)... 
</form>

【讨论】：

感谢您的回复，但表单来自 Django，我自己不是用 HTML 编写的。让我弄清楚如何将这个属性添加到表单中。