2011-06-29 1 views
0

私は、このhtmlコードがあります。どうすればデフォルトで<option>と指定できますか?

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

そして、私は私のページを開くと、デフォルトとして私は「女」を持っていますが、「性別を選択し、」必要があります。

<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">は、このためです。私にとっては奇妙です。

答えて

1

を選択しているしたいオプションに

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

を追加:あなたが書いた

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

あなたはこのコードを持っている必要があります。

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

「選択」の部分は、オプションの値がデフォルトで選択されるべきであることを伝えます。

+0

が良い作品のウェブサイトを訪問するために来て、選択した値を設定します。 11分後、私は答えを受け入れることをあなたに与えます。 – krzyhub

1

だけあなたはあなたがoptionは、デフォルトで選択されるように設定でき

+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

私はこれをsoemthingし、それが動作します:$ "#id_0-gender")。prepend( "") この例では、短い方が良いか、コード内の何かが醜いですか? – krzyhub

+0

あなたの質問に**あなたのコード**には性別のテキストがありません。それはあなたが割り当てているものですが、元のコードは2つしか '

+0

私のコードはテキストの性別を持っていましたが、選択するオプションは1つのみです。デフォルトで、最初のオプションとして私は "女性"を持っていたので、隠しオプション。しかし、私が上記のコメントに書いたこのコードはすべてうまくいきます。しかし、はい、元のコードは2つのオプションしか持っていないので、Select Genderを選択する必要がありました。 – krzyhub

1

より良いデザインの視点がRadioButtonsグループにそれらを使用している、Transgenders男性 .Rarely数が

+0

RadioButtonsは、クリックが1回で済むので、より優れています。私は満天のデザイナーではない。しかし、私はは、あなたが求めるものに対してはあまりにも多くです。しかしそれはあなたのアプリ、あなたが選んだ世界です:)幸せなコーディング – Deeptechtons

+0

私は選択をします。ありがとう:) – krzyhub

関連する問題