使用jQuery设置下拉列表选择值

Question

我使用AJAX在ASP.NET MVC视图中创建了一个下拉列表：

Url="/Channel/GetChannels";
$.ajax({
    url:Url,
    dataType: 'json',
    data: '',
    success: function (data) {
        $("#ddlChannel").empty();
        $("#ddlChannel").append("<option value='0'>All</option>");
        $.each(data, function (index, optiondata) {
            $("#ddlChannel").append("<option value='" + optiondata.Id + "'>" + optiondata.Name + "</option>");
        });
    }
});
$("#ddlChannel option[value='1']").attr("selected", "selected");

这会产生以下标记：

<select id="ddlChannel">
<option value="0">All</option>
<option value="1">New Homes</option>
<option value="2">Sales</option>
<option value="3">Lettings</option>
</select>

有人请告诉我如何使用jQuery选择一个选项值。

我试过了：

$("#ddlChannel option[value='1']").attr("selected", "selected");

哪个不起作用。

Answer 1

您需要在$.fn.ajax()的成功回调方法中设置值，因为它是异步的，您也可以使用$.fn.val()来设置select值。

使用

success: function (data) {
    //Your code
    $("#ddlChannel").val(1); 
}