我认为在下面的＜select＞元素上添加一个“value”属性集会导致默认选择包含我提供的“value”的＜option＞：
<select name=“hall”id=“hall”value=“3”><option>1</option><option>2</option><option>3</option><选项>4</选项><选项>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>
其他回答
这是选择默认选项的简单方法。
可用于在HTML页面上进行多次选择。
方法：
查找每个选择读取所选内容的id和值选择选项
注：
每个选择都必须具有ID以避免冲突
$（文档）.ready（函数）{//为页面中的每个选择循环$（'select'）.each（函数（索引，id）{//获取值var theValue=$（this）.attr（'value'）；//获取IDvar theID=$（this）.attr（'id'）；//选择Make选项$（'select#'+theID+'选项[value='+theValue+']'）.attr（'selected'，true）；});});<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js“></script><select id=“sport”name=“sport”class=“autoselect”value=“golf”><option value=“basket”>篮球</option>网球</option>高尔夫</option><option value=“保龄球”>保龄球</option></选择><小时><select id=“tools”name=“tools”class=“autoselect”value=“saw”><option value=“hammer”>锤子</option><option value=“drill”>钻孔</option><option value=“螺丝刀”>螺丝刀</option><option value=“saw”>锯</option><option value=“扳手”>扳手</option></选择>
缺少标记的value属性，因此它不会显示为所需的选定项。默认情况下，如果在标签上设置了value属性，则在下拉页面加载时显示第一个选项。。。。我这样解决了我的问题
如果处于react状态，则可以使用defaultValue作为属性，而不是select标记中的值。
默认选定值为选项-4
<html:select property="status" value="OPTION_4" styleClass="form-control">
<html:option value="">Select</html:option>
<html:option value="OPTION_1" >Option-1</html:option>
<html:option value="OPTION_2" >Option-2</html:option>
<html:option value="OPTION_3" >Option-3</html:option>
<html:option value="OPTION_4" >Option-4</html:option>
<html:option value="OPTION_5" >Option-5</html:option>
</html:select>
要使用PHP和JavaScript设置默认值：
State: <select id="State">
<option value="" selected disabled hidden></option>
<option value="Andhra Pradesh">Andhra Pradesh</option>
<option value="Andaman and Nicobar Islands">Andaman and Nicobar Islands</option>
.
.
<option value="West Bengal">West Bengal</option>
</select>
<?php
if(isset($_GET['State'])){
echo <<<heredoc
<script>
document.getElementById("State").querySelector('option[value="{$_GET['State']}"]').selected = true;
</script>
heredoc;
}
?>
