Загрузка параметров выбора Bootstrap через сообщение Ajax

Используя плагин Bootstrap 3 и Bootstrap-Select, я пытаюсь загрузить параметры раскрывающегося списка выбора с помощью ajax из базы данных.

Код отлично работает, когда я удаляю класс select picker из элемента select, но с этим классом (который требуется для использования выбора Bootstrap) он не загружает ни один из параметров.

 <select id="arearesults" class="selectpicker" data-live-search="true">
    <option value="select">Select From The List</option>
 </select>

$('.btn-group .btn').click(function(){
    $.post(
    'con/animalList.php',
    { selType : this.id },
    function(data)
                {
                  $('#arearesults').html(data);
                }
    );
});

Я уже протестировал плагин выбора Bootstrap, и он также работает в автономном режиме (жестко закодирован). Как я могу решить эту проблему?


jquery ajax twitter-bootstrap twitter-bootstrap-3 bootstrap-select
person Mona Coder    schedule 30.04.2014    source источник
comment
Есть ли шанс работать с jsFiddle?   -  person Fizzix    schedule 01.05.2014
comment
Я не уверен, могу ли я использовать там PHP и Ajax?   -  person Mona Coder    schedule 01.05.2014
comment
Я считаю, что вы можете использовать AJAX, но не PHP. Вы всегда можете подделать это как-то. Просто нужна среда для тестирования и отладки.   -  person Fizzix    schedule 01.05.2014

Ответы (2)


arrow_upward
7
arrow_downward

Несколько ошибок в вашем коде.

  1. Вы не упомянули ответ data-type в $.post. Данные ответа "JSON" или "html" и т. д.?

  2. После заполнения значений через AJAX в поле выбора вы должны обновить его. Код:

    $('#arearesults').selectpicker("refresh");
person Coderaemon    schedule 01.05.2014
comment
Спасибо, Coderaemon, я обновляю код, чтобы обновить средство выбора, но я не уверен, где использовать тип данных в сообщении? Я пробовал так dataType: html, но это не сработало - person Mona Coder; 01.05.2014
comment
тип данных, который вы должны указать в запросе $.post ajax. Проверьте это api.jquery.com/jQuery.post - person Coderaemon; 02.05.2014
comment
Я не могу запустить его для моей проблемы здесь. - person user977828; 05.10.2014

arrow_upward
2
arrow_downward

это решение сработало для меня

  $('.selectpicker').selectpicker({});
person Muhammad    schedule 18.12.2014