我使用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";

完整示例：

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

如果您希望将默认文本作为占位符/提示，但不认为它是有效值（例如“此处完成”、“选择您的国家”ecc），您可以执行以下操作：

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

我认为最好的方法是：

<select>
   <option value="" selected="selected" hidden="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>

为什么不禁用？

当您将禁用属性与＜button type=“reset”＞一起使用时，重置＜/button＞值不会重置为原始占位符。相反，浏览器选择第一个未禁用选项，这可能会导致用户错误。

默认空值

每个生产表单都有验证，那么空值应该不是问题。这样我们可能会有空的不需要的选择。

XHTML语法属性

selected=“selected”语法是兼容XHTML和HTML5的唯一方法。这是正确的XML语法，一些编辑可能对此感到高兴。它更向后兼容。如果XML遵从性很重要，则应遵循完整的语法。

你可以这样做：

<select name="hall" id="hall">
    <option> 1 </option>
    <option> 2 </option>
    <option selected> 3 </option>
    <option> 4 </option>
    <option> 5 </option>
</select> 

在选项标记中提供“selected”关键字，默认情况下，该关键字将显示在下拉列表中。

或者您也可以为选项标签提供属性，即。

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

我遇到了一些问题，因为我需要根据数据库中的值动态选择选项。下面的剧本对我来说很有魅力：

<?php
//pick the value of database
$selected_sexo = $query['s_sexo'];
?>

<select name="s_sexo" id="s_sexo" required>
  <option <?php if($selected_sexo == 'M'){echo("selected");}?> value="M">M</option>
  <option <?php if($selected_sexo == 'F'){echo("selected");}?> value="F">F</option>
</select>