我认为在下面的<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></选择>

其他回答

每个选项中都需要一个“id”属性,此解决方案才能正常工作:

<脚本>函数select_option(id,value_selected){var选择;select=document.getElementById(id);如果(select==null)返回0;var选项;option=select.options.namedItem(value_selected);if(option==null)返回0;option.selected=“已选择”;返回true;} </script><select name=“hall”id=“hall”><option id=“1”>1</option><option id=“2”>2</option><option id=“3”>3</option><option id=“4”>4</option><option id=“5”>5</option></选择><script>select_option(“大厅”,“3”)</脚本>

函数首先尝试查找id为的<select>,然后在<select>选项中搜索value_selected,如果找到它,则将所选属性设置为true。否则为False

完整示例:

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

如果将select与angular 1一起使用,则需要使用nginit,否则,将不会选择第二个选项,因为ng-model会覆盖默认的选定值

<select ng-model="sortVar" ng-init='sortVar="stargazers_count"'>
  <option value="name">Name</option>
  <option selected="selected" value="stargazers_count">Stars</option>
  <option value="language">Language</option>
</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;
}
?>

这是选择默认选项的简单方法。

可用于在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></选择>