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

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

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

当前回答

这段代码使用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

其他回答

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

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

2010-08-19 01:12:33

我使用Angular，并通过以下方式设置默认选项

HTML模板

<select #selectConnection [(ngModel)]="selectedVal" class="form-control  col-sm-6 "  max-width="100px"   title="Select" 
      data-size="10"> 
        <option  >test1</option>
        <option >test2</option>      
      </select>

脚本：

sselectedVal:any="test1";

2019-09-03 16:34:45

我更喜欢这样：

<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

您可以使用：

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

而不是

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

两者同样正确。

2018-05-07 16:30:29

完整示例：

2010-08-19 01:12:02

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

推荐文章

最新文章

标签