Как установить выделенный элемент по коду с помощью Select2?

Question

Я перехожу к значениям компонентов Select2 в формате Json, а затем выбираю одно из выбранных значений.

Это мой код:

$.getJSON(rootUrl+'getAllValues', { 
     valu : $('#_valu_id').val() 
    }, function(data) { 

     var html = '<option value=""></option>'; 
     var len = data.length; 

     for (var i = 0; i < len; i++) { 
      if(data[i].myfield == $('#myfield').val()){ 
       html += '<option value="' + data[i].id + '" selected>'+ data[i].myfield + '</option>'; 
      }else{ 
       html += '<option value="' + data[i].id + '">'+ data[i].myfield + '</option>'; 
      } 
     } 

     $('#_mySelect_id').html(html); 

    }); 

Но только с атрибутом selected, он не работает.

EDIT: это html переменная:

<option value=""></option> 
<option value="30">U</option> 
<option value="31">G</option> 
<option value="32" selected="selected">A</option> 
<option value="93">H</option> 

Так я могу это сделать ??

Спасибо заранее

Answer 1

После изменения HTML содержимого выбор2, вам необходимо обновить выбранное значение:

function(data) { 

     var html = '<option value=""></option>'; 
     var len = data.length; 

     for (var i = 0; i < len; i++) { 
      if(data[i].myfield == $('#myfield').val()){ 
       var selected_value = data[i].id; // Remember selected value 
       html += '<option value="' + data[i].id + '" selected>'+ data[i].myfield + '</option>'; 
      }else{ 
       html += '<option value="' + data[i].id + '">'+ data[i].myfield + '</option>'; 
      } 
     } 

     $('#_mySelect_id').html(html); 

     $('#_mySelect_id').select2().select2('val',selected_value); // Update selected value 
    }