2016-11-07 58 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> 

,由於某種原因,這是行不通的。我究竟做錯了什麼?

預先感謝您的建議。

+0

你給data.month爲字符串。改用+來附加值。例如'$('#birth_month選項[value =「+ data.month +」]')。prop('selected',true);' – Lucky

回答

2

你有忘記連接實際值:

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

這應該給伎倆,但你可以用更簡單的指令:

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

由於date_month是你需要使用字符串連接

使用.val(),達到設定值時,以創建有效的選擇變量

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

這將如何設置選定的選項? –

+0

@MisterPositive查看文檔參見http://api.jquery.com/val/#val2 – Satpal

+0

每天學習新的東西@Satpal。我投了票,並刪除了我的答案。 –

1

您還可以使用它:

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

嘗試這樣,

$("#birth_month").val(data.month).attr('selected','selected');