Как привязать данные от ajax к выбранному jquery?

Question

Я использовал выбранный JQuery из

https://github.com/harvesthq/chosen/releases 

I связывание данных с помощью AJAX веб-сервисы, кажется, это не working.Data не загружается в выберите.

$(".cb_bu_info").chosen({ 
 
       no_results_text: "Oops, nothing found!", 
 
       width: "50%", 
 
       source: function() { 
 
        $.ajax({ 
 
         type: "POST", 
 
         url: "../BUS/WebService.asmx/LIST_BU", 
 
         contentType: "application/json; charset=utf-8", 
 
         dataType: "json", 
 
         //beforeSend: function() { $('ul.cb_bu_info').empty(); }, 
 
         success: function (data) { 
 
          $("#cb_bu_info").html(''); 
 
          $.each($.parseJSON(data.d), function (idx, obj) { 
 
           $("#cb_bu_info").append('<option value="' + obj.BU_ID + '">' + obj.BU_NAME + '</option>'); 
 
          }); 
 
         }, 
 
         error: function (data) { 
 
          console.log(data.d); 
 
          alert("An error occurred !"); 
 
         } 
 
        }); 
 
       } 
 
      });

<select class="cb_bu_info"></select>

Поблагодарите ребята.

Answer 1

Этот пример можно использовать, как только страница загружается, а затем загружает ее со странами в списке выбора.

Убедитесь, что вы добавили ссылки.

<select id='CountryName'> 
<option> </option> 
</select> 

$(document).ready(function() { 
    var frontDropdown = ""; 
    $.ajax({ 
     url: baseUrl + "GetBPCountriesCombo", 
     type: "GET", 
     async: true, 
     success: function (result) { 
      frontDropdown += "<option value='null'> Select Country </option>"; 
      $.each(result, function (i, data) { 
       frontDropdown += "<option " + " value=" + data.CountryId + ">" + data.CountryName + "</option>"; 
      }) 
      $('#CountryName').append(frontDropdown).trigger('chosen:updated').css("width", "auto");; 
     }, 
     error: function() { 
      alert("An error occurred !"); 
     } 
    }); 
});