如何设置HTML＜select＞元素的默认值？

我认为在下面的＜select＞元素上添加一个“value”属性集会导致默认选择包含我提供的“value”的＜option＞：

然而，这并没有像我预期的那样奏效。我如何设置默认选择哪个＜option＞元素？

当前回答

设置selected=“selected”，其中选项值为3

请参见下面的示例

<option selected="selected" value="3" >3</option>

2020-02-12 08:22:42

其他回答

我自己用

<select selected=''>
    <option value=''></option>
    <option value='1'>ccc</option>
    <option value='2'>xxx</option>
    <option value='3'>zzz</option>
    <option value='4'>aaa</option>
    <option value='5'>qqq</option>
    <option value='6'>wwww</option>
</select>

2016-07-07 18:44:22

您可以使用：

<option value="someValue" selected>Some Value</option>

而不是

<option value="someValue" selected = "selected">Some Value</option>

两者同样正确。

2018-05-07 16:30:29

您只需要将属性“selected”放在特定选项上，而不是直接指向select元素。

下面是具有不同值的相同和多个工作示例的代码片段。

选择选项3：-<select name=“hall”id=“hall”><option>1</option><option>2</option><option selected=“selected”>3</option><选项>4</选项><选项>5</选项></选择><br/><br/><br/>选择选项5：-<select name=“hall”id=“hall”><option>1</option><option>2</option><option>3</option><选项>4</选项><option selected=“selected”>5</option></选择><br/><br/><br/>选择选项2：-<select name=“hall”id=“hall”><option>1</option><option selected=“selected”>2</option><option>3</option><选项>4</选项><选项>5</选项></选择>

2018-09-11 05:19:45

大雄回答的改进。此外，您还可以通过隐藏元素“Choose here”来改善下拉列表的视觉效果。

<选择><option selected disabled hidden>选择此处</option><option value=“1”>一个</option><option value=“2”>两个</option><option value=“3”>三个</option><option value=“4”>四个</option><option value=“5”>五个</option></选择>

2016-06-05 15:54:03

Select Ticket type

残疾人在这种情况下不友好

2021-08-16 13:41:12

如何设置HTML＜select＞元素的默认值？

推荐文章

最新文章

标签