2016-11-07 61 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');