我想一个好主意是使用单选按钮，设置#1为默认并隐藏它，给它一个例子 Name ="init"和一个值="null"或其他什么，由你决定!

这样单选按钮列表肯定有一个值，但默认为null可以在逻辑上使用!

我认为没有必要进一步阐述，因为这个想法可以很容易地通过显示来实现:没有;或者可见性:隐藏;

．.． 而我认为第一个显示:没有;是更好的选择:

为了显示，请在下拉菜单中选择一个值，并在选择某个值后隐藏它。请使用下面的代码。

它还将支持所需的验证。

<select class="form-control" required> <option disabled selected value style="display:none;">—请选择一个值</option> . <option >Data 1</option> . <option >Data 2</option> <option >Data 3</option> . < /选择>

我想一个好主意是使用单选按钮，设置#1为默认并隐藏它，给它一个例子 Name ="init"和一个值="null"或其他什么，由你决定!

这样单选按钮列表肯定有一个值，但默认为null可以在逻辑上使用!

我认为没有必要进一步阐述，因为这个想法可以很容易地通过显示来实现:没有;或者可见性:隐藏;

．.． 而我认为第一个显示:没有;是更好的选择:

您可以使用Javascript来实现这一点。试试下面的代码:

HTML

<select id="myDropdown">      
    <option>Option 1</option>     
    <option>Option 2</option>     
    <option>Option 3</option>     
</select> 

JS

document.getElementById("myDropdown").selectedIndex = -1;

或JQuery

$("#myDropdown").prop("selectedIndex", -1);

也许这个会有帮助

<选择> <option disabled selected value>——选择一个选项——</option> <选项>选项1 > < /选项 <选项>选项2 > < /选项 <选项>选项3 > < /选项 < /选择>

——select an option——默认显示。但是如果你选择了一个选项，你将不能再选择它。

您也可以通过添加一个空选项来隐藏它

<选择风格= "显示:没有" >

所以它不会再出现在列表中了。

选项2

如果你不想写CSS，并期望上面的解决方案具有相同的行为，只需使用:

<option hidden disabled selected value>——选择一个选项——</option> .

这应该会有帮助:

https://www.w3schools.com/tags/att_select_required.asp

< >形式 需要<选择> <选项值= " " > < /选项>没有 沃尔沃<选项值=“沃尔沃”> < /选项> 萨博<选项值= "萨博" > < /选项> <选项值= "奔驰" >奔驰> < /选项 <选项值=“奥迪”>奥迪> < /选项 < /选择> <按钮类型=“提交”> > < /按钮提交 > < /形式