我认为在下面的＜select＞元素上添加一个“value”属性集会导致默认选择包含我提供的“value”的＜option＞：
<select name=“hall”id=“hall”value=“3”><option>1</option><option>2</option><option>3</option><选项>4</选项><选项>5</选项></选择>
然而，这并没有像我预期的那样奏效。我如何设置默认选择哪个＜option＞元素？
当前回答
要使用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;
}
?>
其他回答
我使用这个php函数生成选项，并将其插入到HTML中
<?php
# code to output a set of options for a numeric drop down list
# parameters: (start, end, step, format, default)
function numericoptions($start, $end, $step, $formatstring, $default)
{
$retstring = "";
for($i = $start; $i <= $end; $i = $i + $step)
{
$retstring = $retstring . '<OPTION ';
$retstring = $retstring . 'value="' . sprintf($formatstring,$i) . '"';
if($default == $i)
{
$retstring = $retstring . ' selected="selected"';
}
$retstring = $retstring . '>' . sprintf($formatstring,$i) . '</OPTION> ';
}
return $retstring;
}
?>
然后在我的网页代码中，我使用它如下：；
<select id="endmin" name="endmin">
<?php echo numericoptions(0,55,5,'%02d',$endmin); ?>
</select>
如果每次加载页面时都从_POST变量创建$endmin（并且此代码位于发布的表单中），则默认情况下会选择先前选择的值。
这是选择默认选项的简单方法。
可用于在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></选择>
我更喜欢这样：
<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>
选择选项后，“选择此处”消失。
所选属性是布尔属性。
如果存在，它指定在加载页面时应预先选择一个选项。
预先选择的选项将首先显示在下拉列表中。
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi" selected>Audi</option>
</select>
另一个例子；使用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);
