Dynamic Select中的jQuery设置选项

Question

我正在使用jquery v1.10.2。

我将通过ajax动态填充选择的wich：

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

我正在尝试在nother 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
        },
        ..
    });
}

此代码 $（'＃mySelect'）。val（data.value）;在我的Ajax呼叫的成功领域中，没有设置"测试1"的选项。我还尝试了以下操作：

$('#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);

工作演示