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

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

您可以使用：

<option value="someValue" selected>Some Value</option>

而不是

<option value="someValue" selected = "selected">Some Value</option>

两者同样正确。

您只需要将属性“selected”放在特定选项上，而不是直接指向select元素。

下面是具有不同值的相同和多个工作示例的代码片段。

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

我只需将第一个选择选项值设置为默认值，然后使用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>

另一个例子；使用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);

每个选项中都需要一个“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