動態選擇中的jQuery設置選項

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
        },
        ..
    });
}

這段代碼$（'＃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);

工作演示