Question

我正在使用jQuery v1.10.2。

我的选择将由ajax动态填充：

<select id="mySelect"></select>

我试图在另一个ajax调用中设置一个选项：

function GetValues(id) {
    LoadSelectOptions('#mySelect');
    /* select has now following options:
        <option value="0"></option>
        <option value="1">Test 1</option> */
    $.ajax({
        ..
        success: function (data) {
            $('#mySelect').val(data.value); // data.value = 1
        },
        ..
    });
}

此代码 $（＆＃39;＃mySelect＆＃39）。VAL（data.value）; 在我成功的ajax调用区域中，不要将选项设置为＆＃34;测试1＆＃34;。我也试过做以下事情：

$('#mySelect').val(data.value).change();
$('#mySelect option[value="' + data.value + '"]').attr('selected', 'selected');
$('#mySelect option[value="' + data.value + '"]').attr('selected', true);
$('#mySelect option[value="' + data.value + '"]').prop('selected', 'selected');
$('#mySelect option[value="' + data.value + '"]').prop('selected', true);

但Chrome + Firefox（两者都是最新版本）无效。

感谢您的帮助：）

Answer 1

你可以这样做： -

$("select#mySelect").val(data.value);

WORKING DEMO

动态选择中的jQuery设置选项

1 个答案: