如何设置HTML＜select＞元素的默认值？

我认为在下面的＜select＞元素上添加一个“value”属性集会导致默认选择包含我提供的“value”的＜option＞：

然而，这并没有像我预期的那样奏效。我如何设置默认选择哪个＜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;
}
?>

2020-11-03 10:36:30

其他回答

我使用这个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（并且此代码位于发布的表单中），则默认情况下会选择先前选择的值。

2014-01-07 13:02:29

默认选定值为选项-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>

2021-02-25 10:37:25

完整示例：

2010-08-19 01:12:02

我只需将第一个选择选项值设置为默认值，然后使用HTML5的新“隐藏”功能将该值隐藏在下拉列表中。这样地：

   <select name="" id="">
     <option hidden value="default">Select An Option</option>
     <option value="1">One</option>
     <option value="2">Two</option>
     <option value="3">Three</option>
     <option value="4">Four</option>
   </select>

2018-09-04 08:02:35

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

请参见下面的示例

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

2020-02-12 08:22:42

如何设置HTML＜select＞元素的默认值？

推荐文章

最新文章

标签