2015-11-18 139 views
3

有没有办法将selected="selected"设置为selected="notselected"或者类似的东西。我想selected="false"但它并没有做任何事情选择菜单 - 选择属性 - HTML

谢谢你所有的答案

+0

所以这就像。一个**选择标记** *就像一个**单选按钮组**,但在这种情况下**选项** *是**单选按钮**。当时只能选择其中一个。所以,如果你设置一个选择前一个选择自动取消选择。 *有一种特殊情况*,在这种情况下,这种情况不会发生,当选择标签有多个选择集时,您可以选择一个或多个选项。 – T04435

回答

5

你可以轻松地做到这一点jQuery的一点点。请看看演示的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"); 
}); 
2

只要不选择指定你不想选择的选项:

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

所以只需删除选中,它将工作? –

+0

是的。在上面的代码中,奥迪将成为选择的选项。如果您将选中的选项移动到其他选项之一,那么它将被选中。 –

+0

好的谢谢你,你帮了很多 –

2

这可能有助于

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

- 选择一个选项 - 默认显示。但是如果你选择了一个选项,你将无法选择它 – jmr333

+0

,所以禁用将工作 –

+0

所以禁用将使它不再被选中吗? –

2

您使用HTML选择属性,然后它会选择添加上就这样选择的一个

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