2015-11-18 196 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>