HTML表单选择:选项属性selected=“selected”和default=“default”不起作用

HTML表单选择:选项属性selected=“selected”和default=“default”不起作用,html,forms,select,Html,Forms,Select,我在HTML中使用一个简单的下拉框,如下所示,默认情况下,第一个选项只是一个行动调用: <select class="form-control" id="elementID" name="elementName" required="required"> <option value="" default="default" selected="selected">---Choose your Size---</option> <option>25,

我在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>
但是,当用户选择其他选项之一(例如25000)并刷新页面而不是提交表单时,它将继续显示所选的选项。我如何防止这种情况?使用Firefox

试图搜索此问题,但在上找不到它。感谢您的帮助。

如果您有一个标签,请尝试关闭包装表单上的自动完成属性。像这样:

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

这是因为当重新加载页面时,浏览器会记住用户在表单中输入的内容,这通常非常有用,例如,如果有人填写了一个长表单,然后意外地按了“重新加载”或单击了链接。出于这个原因,我真的不知道为什么您首先要禁用此行为

但是,如果需要这样做,可以使用以下javascript解决方案,该解决方案将在加载页面时执行,并将下拉列表重置为默认值:

document.getElementByIdelementID.selectedIndex=0;
除非您将新的默认值存储在某个位置,即服务器或本地存储,否则浏览器或html代码将始终默认为您构建的内容。我怀疑你是用简单的HTML编写的。检查顶部的url,它在提交时显示所选选项。如果它是,那么表单正在运行,等待回复,但是表单来自Django,我不是自己用HTML编写的。让我想一想如何将这个属性添加到表单中。明白了,谢谢你的澄清。我认为我犯了一个错误,导致了这种行为。再次感谢。