如何在HTML下拉菜单中设置默认选择选项？

我有一个表格下面HTML结构：如何在HTML下拉菜单中设置默认选择选项？

<select> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 
<option>5</option> 
<option>6</option> 
<option>7</option>

形成上述代码，则下拉貌似1是默认选择的选项。无论如何，我们可以在哪里设置默认选择的选项，而选项列表中没有提供的选项？

谢谢。

来源

2017-02-20 Ajay Udayagiri

select元素不能具有选项列表中缺省的缺省值。

但是，您可以将其默认选项设置为display: none。它仍然显示为选择元素的值，但不会出现在下拉列表中：

select option:first-of-type { 
 
    display: none; 
 
}

<select> 
 
    <option selected>Default</option> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
    <option>4</option> 
 
    <option>5</option> 
 
    <option>6</option> 
 
    <option>7</option> 
 
</select>

在上面的代码中，你可以不再选择选项“默认“一旦你选择了另一个选项。

请注意，这适用于Chrome，Firefox，Opera和Edge for Windows。它在而不是在Internet Explorer或iPad（至少）中工作。一个真正的跨平台解决方案需要JavaScript。

来源

2017-02-20 11:53:55

嗨里克。它可以工作，但是当我点击下拉菜单时，'6'选项不应该出现在列表中。这是我的要求。 –

对不起，我的误解。查看我的更新。 –

如何在HTML下拉菜单中设置默认选择选项？

回答

相关问题