jQuery set option in dynamic select

Question

Я использую jQuery v1.10.2.

Я избранный которым будет заполнен динамически с помощью AJAX:

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

Я пытаюсь установить опцию в ругой АЯКС вызова:

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') вал (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); 

WORKING DEMO