Bootstrap Select With Dropdown

Question

Я использую Bootstrap v3 и Codeigniter ... В моем приложении есть два элемента выбора для выбора состояния и города. Я использую Ajax и при выборе состояния, населенный второго элемент с родственными городами:

$('#state').change(function(){ 
    var state_id = $('#state').val(); 
    if(state_id != ""){ 
     var post_url = "<?php echo base_url(); ?>student/get_cities/" + state_id; 
     $.ajax({ 
     type: "POST", 
     url: post_url, 
     cache: true, 
     success: function(cities){ //calling the response json array 'cities' 
      $('#city').empty(); 
      $.each(cities, function(id, city){ 
       $('#city').append($("<option></option>").val(id).text(city)); 
      }); //each 
     } 
    }); //ajax 
    } 
}); //change 

все хорошо, просто самонастройки выберите вариант элемент имеет плохой вид на других браузерах! (это хорошо только на хроме). поэтому я решил использовать плагин bootstrap-select: Bootstrap-Select
Мой вопрос:: Как я мог заполнить второй вариант выбора для городов? На самом деле, он будет заполнен, но так что bootstrap-select, используя раскрывающийся список, я должен также заполнить его.
спасибо за внимание ...


Редакцией:

<select class="form-control selectpicker" name="state" id="state"> 
<!--in a foreach loop, echo all states with the proper value--> 
</select> 

<select class="form-control selectpicker" name="city" id="city"> 
</select> 

РЕШЕННЫЕ: я найти решение ... просто добавить одну строку после заполнения выберите элемент!

$('.selectpicker').selectpicker('refresh'); 

Answer 1

Как я понимаю ваш вопрос город выбрать заполнит из AJAX, но он теряет функциональность selectpicker?

Возможно, это связано с линией $ ('# city'). Empty()?

Если да: тогда вы могли бы попробовать начать снова с нового выбора? Например.

заменить: $ ('# city'). Empty();

с этим кодом

$('#city').remove(); 
$('#state').after($('<select></select>').addClass('form-control selectpicker').attr({'id' : 'city', 'name' : 'city'})); 
//do your ajax stuff and add the options 
$('#city').selectpicker(); //initialise it 

* непроверенным

(Если выше, работает это может быть излишним, и вы могли бы просто решить эту проблему путем повторной инициализации города выбрать после повторной загрузки. Т.е. вам просто понадобится $ ('# city'). selectpicker(); line).