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

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

然而,这并没有像我预期的那样奏效。我如何设置默认选择哪个<option>元素?


当前回答

Upstream System:
<select name=upstream id=upstream>
<option value="SYBASE">SYBASE ASE
<option value="SYBASE_IQ">SYBASE_IQ
<option value="SQLSERVER">SQLSERVER
</select>
<script>
var obj=document.getElementById("upstream");
for (var i=0;i<obj.length;i++){if(obj.options[i].value==="SYBASE_IQ")obj.selectedIndex=i;}
</script>

其他回答

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

您只需要将属性“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</选项></选择>

所选属性是布尔属性。

如果存在,它指定在加载页面时应预先选择一个选项。

预先选择的选项将首先显示在下拉列表中。

<select>
  <option value="volvo">Volvo</option>
 <option value="saab">Saab</option>
 <option value="vw">VW</option>
 <option value="audi" selected>Audi</option> 
</select> 

如果将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>
Select Ticket type

残疾人在这种情况下不友好