如何在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是默认选择的选项。 无论如何,我们可以在哪里设置默认选择的选项,而选项列表中没有提供的选项?
谢谢。
答
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。
嗨里克。它可以工作,但是当我点击下拉菜单时,'6'选项不应该出现在列表中。这是我的要求。 –
对不起,我的误解。查看我的更新。 –