我认为在下面的＜select＞元素上添加一个“value”属性集会导致默认选择包含我提供的“value”的＜option＞：
<select name=“hall”id=“hall”value=“3”><option>1</option><option>2</option><option>3</option><选项>4</选项><选项>5</选项></选择>
然而，这并没有像我预期的那样奏效。我如何设置默认选择哪个＜option＞元素？
当前回答
大雄回答的改进。此外，您还可以通过隐藏元素“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></选择>
其他回答
你可以这样试试
<select name="hall" id="hall">
<option>1</option>
<option>2</option>
<option selected="selected">3</option>
<option>4</option>
<option>5</option>
</select>
我更喜欢这样：
<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>
选择选项后，“选择此处”消失。
设置selected=“selected”，其中选项值为3
请参见下面的示例
<option selected="selected" value="3" >3</option>
另一个例子；使用JavaScript设置所选选项。
（您可以使用此示例将值数组循环到下拉组件中）
<select id=“yourDropDownElementId”><select/>
// Get the select element
var select = document.getElementById("yourDropDownElementId");
// Create a new option element
var el = document.createElement("option");
// Add our value to the option
el.textContent = "Example Value";
el.value = "Example Value";
// Set the option to selected
el.selected = true;
// Add the new option element to the select element
select.appendChild(el);
你可以这样做：
<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>
