默认选择选项为空白

我有一个非常奇怪的要求，其中我被要求在HTML下拉菜单中没有默认选择的选项。然而,

我不能用这个，

<选择> <选项> < /选项> <选项>选项1 > < /选项 <选项>选项2 > < /选项 <选项>选项3 > < /选项 < /选择>

因为，对于这个，我必须做验证来处理第一个选项。有人能帮助我实现这个目标，而不实际包括第一个选项作为选择标签的一部分吗?

当前回答

我明白你想做什么。最好和最成功的方法是:

<select name='department' required>
   <option value="">None</option>
   <option value="Teaching">Teaching department</option>
   <option value="nonTeaching">Non-teaching department</option> 
</select>

2018-10-20 17:52:00

其他回答

< td > < b >字段标签:< / b > < br > <选择风格= '对齐:左;' id='some_id' name='some_name'> .宽度:100% <option hidden selected>选择一个 <选项值=“Value1”> OptLabel1 > < /选项 <选项值= Value2的> OptLabel2 > < /选项 <选项值= ' Value3 ' > OptLabel3 < /选项> < /选择> 道明> < /

只需把“隐藏”选项你想隐藏下拉列表。

2016-10-05 19:53:18

这应该会有帮助:

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

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

2018-12-08 12:02:14

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

HTML

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

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

或JQuery

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

2011-12-22 14:52:05

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

它还将支持所需的验证。

<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> . < /选择>

2019-04-01 08:05:22

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

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

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

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

2021-10-09 06:20:24

默认选择选项为空白

推荐文章

最新文章

标签