你可以这样做：

<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>

完整示例：

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

您可以使用：

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

而不是

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

两者同样正确。

<select>的问题是，它有时与当前渲染的状态断开连接，除非选项列表中发生了更改，否则不会返回更改值。当试图从列表中选择第一个选项时，这可能是一个问题。下面的代码可以获得第一次选择的第一个选项，但onchange=“changeFontSize（this）”本身不会。上面描述了一些方法，使用伪选项强制用户更改值以拾取实际的第一个值，例如使用空值开始列表。注意：onclick将调用该函数两次，以下代码没有调用，但解决了第一次出现的问题。

<label>Font Size</label>
<select name="fontSize" id="fontSize" onfocus="changeFontSize(this)" onchange="changeFontSize(this)">           
    <option value="small">Small</option>
    <option value="medium">Medium</option>
    <option value="large">Large</option>
    <option value="extraLarge">Extra large</option>
</select>

<script>
function changeFontSize(x){
    body=document.getElementById('body');
    if (x.value=="extraLarge") {
        body.style.fontSize="25px";
    } else {
        body.style.fontSize=x.value;
    }
}
</script>

如果您希望将默认文本作为占位符/提示，但不认为它是有效值（例如“此处完成”、“选择您的国家”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></选择>

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

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