2011-06-29 44 views
0

我有這樣的HTML代碼:如何將特定的<option>設置爲默認值?

<select name="0-gender" id="id_0-gender"> 
    <option value="0">Select gender:</option> 
    <option value="1">Woman</option> 
    <option value="2">Man</option> 
</select> 

<option value="0">是因爲這樣的:

$("#id_0-gender").prepend("<option value='0'></option>") 
     $("#id_0-gender option[value='0']").text('Select gender:'); 

當我打開我的網頁,因爲默認情況下我有「女人」,但需要「選擇性別」。這對我來說很奇怪。

回答

1

可以設置option被默認選擇:

<option value="0" selected="selected">Select gender:</option> 
1

你應該有這樣的代碼:

<option value="0" selected="selected">Select gender:</option> 

的「選擇的」部位告訴期權價值將會被默認選中。

+0

做工不錯。 11分鐘後,我給你,我接受答案。 – krzyhub

1

添加

$(...).attr('selected','selected'); 

只是爲了選擇要選擇

+0

但是這不是更短: $(「#id_0-gender」)。prepend(「」) – krzyhub

1

你寫道:

$("#id_0-gender option[value='0']").text('Select gender:'); 

後只是做:

.prop("selected", true); 

所以,它會這樣結束:

$("#id_0-gender option[value='0']") 
    .text('Select gender:') 
    .prop("selected", true); 

從評論它只是聽起來像原來的代碼是:

<select name="0-gender" id="id_0-gender"> 
    <option value="1">Woman</option> 
    <option value="2">Man</option> 
</select> 

如此,你所需要做的就是:

$("#id_0-gender") 
    .append("<option value='0' selected='selected'>Select Gender</option>"); 
+0

我做這樣的事情,它的工作原理:$( 「#id_0-gender」)。prepend(「」) 在這個例子中,越短越好,或者我的代碼中的東西看起來很醜? – krzyhub

+0

所以,在你的問題**你的代碼**沒有性別文本的權利?這就是你分配它的原始代碼,只有2'

+0

我的代碼具有文本性別,但只能作爲一個選項來選擇。隱藏選項,因爲默認和作爲第一選項,我有「女人」。但是,我在上面評論中寫的這段代碼一切正常。但是,是的,原始代碼只有2個選項,我需要選擇性別。 – krzyhub

1

更好的設計的角度來看是使用RadioButtons組他們,所選擇的值設置爲男性 .Rarely幾Transgenders前來參觀網站

+0

RadioButtons更好,因爲只需點擊一次。我不是expirienced設計師。但如果我有對於你所要求的太多了。但它又是你的應用程序,你選擇的世界:)開心編碼 – Deeptechtons

+0

我會選擇。謝謝 :) – krzyhub

相關問題