选择菜单 - 选择属性 - HTML

时间:2015-11-18 05:30:15

标签: html

有没有办法将selected="selected"设置为selected="notselected"或类似的东西。我试过selected="false"但它没有做任何事情

谢谢您的所有答案

4 个答案:

答案 0 :(得分:5)

你可以用一点点jquery轻松完成。请看一下demo jsfiddle Demo

标记:

<select multiple="multiple" name="remaintextarea" id="studentremain" size="10">
 <option value="one">One</option>
 <option value="two">Two</option>
 <option value="three">Three</option>
</select>
<button type='button' id='selectall'>Select All</button>
<button type='button' id='deselectall'>De-Select All</button>

JS:

$('#selectall').click(function() {
$('#studentremain > option').attr("selected", "selected");
});   

$('#deselectall').click(function() {
$('#studentremain > option').removeAttr("selected");
 });

答案 1 :(得分:2)

只是不要为您不想选择的选项指定选择:

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

答案 2 :(得分:2)

这可能会有所帮助

  <select>
  <option disabled selected> -- select an option -- </option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
  </select>

答案 3 :(得分:2)

您在html中使用了selected属性,然后它将选择您添加的那个属性,就像这样

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