这个例子已经过测试，可以使用页面上的多个＜select＞元素，也可以使用普通的文本元素。当＜select multiple=“true”＞时，它还没有测试过将值设置为多个选择，但是您可能可以修改此示例以支持这一点。

将所选属性数据添加到每个<select>元素，并将值设置为要选择的选项的值。使用javascript的querySelectorAll（）选择具有刚刚添加的自定义属性的所有元素。

在下面的示例中，当运行时，第一个＜select＞应显示值user为选中的选项，第二个＜select＜应显示值admin为选中的选择。

document.querySelectorAll（'[data selected]'）.forEach（e=>{e.value=选定的e.dataset});<select data selected=“user”class=“form control”name=“role”><option value=“public”>普布利卡</选项><option value=“user”>乌坦蒂语</选项><option value=“admin”>管理</选项></选择><select data selected=“admin”class=“form control”name=“role2”><option value=“public”>普布利卡</选项><option value=“user”>乌坦蒂语</选项><option value=“admin”>管理</选项></选择>

如果将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>

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

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

我使用Angular，并通过以下方式设置默认选项

HTML模板

<select #selectConnection [(ngModel)]="selectedVal" class="form-control  col-sm-6 "  max-width="100px"   title="Select" 
      data-size="10"> 
        <option  >test1</option>
        <option >test2</option>      
      </select>

脚本：

sselectedVal:any="test1";

完整示例：

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

为要作为默认选项的选项设置selected=“selected”。

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