完整示例：

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

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

请参见下面的示例

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

所选属性是布尔属性。

如果存在，它指定在加载页面时应预先选择一个选项。

预先选择的选项将首先显示在下拉列表中。

<select>
  <option value="volvo">Volvo</option>
 <option value="saab">Saab</option>
 <option value="vw">VW</option>
 <option value="audi" selected>Audi</option> 
</select> 

这个例子已经过测试，可以使用页面上的多个＜select＞元素，也可以使用普通的文本元素。当＜select multiple=“true”＞时，它还没有测试过将值设置为多个选择，但是您可能可以修改此示例以支持这一点。

将所选属性数据添加到每个<select>元素，并将值设置为要选择的选项的值。使用javascript的querySelectorAll（）选择具有刚刚添加的自定义属性的所有元素。

在下面的示例中，当运行时，第一个＜select＞应显示值user为选中的选项，第二个＜select＜应显示值admin为选中的选择。

document.querySelectorAll（'[data selected]'）.forEach（e=>{e.value=选定的e.dataset});<select data selected=“user”class=“form control”name=“role”><option value=“public”>普布利卡</选项><option value=“user”>乌坦蒂语</选项><option value=“admin”>管理</选项></选择><select data selected=“admin”class=“form control”name=“role2”><option value=“public”>普布利卡</选项><option value=“user”>乌坦蒂语</选项><option value=“admin”>管理</选项></选择>

如果您想使用表单中的值并保持其动态，请尝试使用php

<form action="../<SamePage>/" method="post">


<?php
    $selected = $_POST['select'];
?>

<select name="select" size="1">

  <option <?php if($selected == '1'){echo("selected");}?>>1</option>
  <option <?php if($selected == '2'){echo("selected");}?>>2</option>

</select>
</form>

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