2016-11-07 5 views
0

jqueryとajaxの新機能です。私は以下の私のAjaxコードを使用して、私のドロップダウンリストで選択したオプションを設定しようとしています:ajaxを使って選択したオプションを設定するには?

$.ajax({ 
     type: "POST", 
     url: "sample.php", 
     cache: "false", 
     dataType: "json", 
     success: function(data) { 
      //data.month = 03 
      $('#birth_month option[value="data.month"]').prop('selected', true); 
     } 
    }); 

これは私の選択htmlコードです:

<select id="birth_month" name="birth_month"> 
<option value="" disabled selected>Month</option> 
<option value="01">January</option> 
<option value="02">February</option> 
<option value="03">March</option> 
<option value="04">April</option> 
<option value="05">May</option> 
<option value="06">June</option> 
<option value="07">July</option> 
<option value="08">August</option> 
<option value="09">September</option> 
<option value="10">October</option> 
<option value="11">November</option> 
<option value="12">December</option> 
</select> 

そして、いくつかの理由で、それは動作しません。私は間違って何をしていますか?

ご提案いただきありがとうございます。あなたが持っている

$('#birth_month option[value="' + data.month + '"]').prop('selected', true); 
+0

、次のように試してみてください。代わりに+を使用して値を追加します。 prop( 'selected'、true); ' – Lucky

答えて

2

date_monthとして

2

はあなたがまたそれを使用することができます値

$('#birth_month').val(data.month); 
+0

これはどのように選択されたオプションを設定しますか? –

+0

@MisterPositiveドキュメントを参照してくださいhttp://api.jquery.com/val/#val2 – Satpal

+0

何か新しい毎日を学ぼう@Satpal。私は投票し、私の答えを削除しました。 –

1

を設定するには、文字列連結

使用.val()を使用して、有効なセレクタを作成する必要が変数であります実際の値を連結するのを忘れてしまった:

$('#birth_month option[value="'+data.month+'"]').prop('selected', true); 

これはトリックするために必要がありますが、あなたは簡単に命令を使用することができます

$("#birth_month").val(data.month) 
1

は、あなたが文字列としてdata.month与えている

$("#birth_month").val(data.month).attr('selected','selected'); 
関連する問題