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

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

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

当前回答

为要作为默认选项的选项设置selected=“selected”。

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

2010-08-19 01:12:33

其他回答

大雄回答的改进。此外，您还可以通过隐藏元素“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

这段代码使用PHP设置HTML select元素的默认值。

<select name="hall" id="hall">
<?php
    $default = 3;
    $nr = 1;
    while($nr < 10){
        if($nr == $default){
            echo "<option selected=\"selected\">". $nr ."</option>";
        }
        else{
            echo "<option>". $nr ."</option>";
        }
        $nr++;
    }
?>
</select>

2014-02-20 14:29:38

我更喜欢这样：

<select>
   <option selected hidden>Choose here</option>
   <option value="1">One</option>
   <option value="2">Two</option>
   <option value="3">Three</option>
   <option value="4">Four</option>
   <option value="5">Five</option>
</select>

选择选项后，“选择此处”消失。

2016-09-06 22:59:39

我自己用

<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

完整示例：

2010-08-19 01:12:02

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

推荐文章

最新文章

标签