相关疑难解决方法(0)

我使用了silviomoreto的bootstrap-select但是我遇到了问题.我有2个下拉列表(选择)区域下拉列表和城市.现在,我有一个jquery onchange函数,该函数将根据所选区域更改城市下拉列表中的值.这是我的代码:

<select id="region" class="selectpicker"></select>
<select id="cities" class="selectpicker"></select>

$("#region").on('change', function () {
   $("#cities").html('<option>city1</option><option>city2</option>');
});

问题是我认为兼容性？当我删除class ="selectpicker"时它工作正常,但我无法将其删除,因为我将它用于我的下拉菜单.我查了这里的文档https://developer.snapappointments.com/bootstrap-select/但是我找不到我的问题的相关答案.谢谢!

我是Bootstrap在IE11中选择用户.

当我用ajax填充数据并打开它然后它自动向下移动病房,当我选择任何值时,它没有被选中.如何删除此错误？

jQuery.ajax({
        url: base_url + "UserBusinesses/ajaxState/" + countryId,
        dataType: 'json',
        beforeSend: function () {
            $('#UserBusinessStateId').html('<option value="">Loding... </option>');
            $('#UserBusinessStateId').selectpicker('refresh');
            $('#UserBusinessCityId').html('<option value="">Select city</option>');
            $('#UserBusinessCityId').selectpicker('refresh');
        },
        success: function (obj) {
            var addHtml = '';
            addHtml += '<option value="">Select state</option>';
            $.each(obj, function (key, value) {
                var selected = "";
                if (selectedState == key) {
                    var selected = "selected='selected'";
                }
                addHtml += "<option value='" + key + "' " + selected + ">" + value + "</option>";
            });
            jQuery("#UserBusinessStateId").html(addHtml);

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

        }
    });

使用Bootstrap 3和Bootstrap-Select插件我试图从数据库加载ajax选择下拉列表的选项.当我select picker从select元素中移除lass 但是使用该类(需要使用bootstrap select)时,代码工作正常它没有加载任何选项.

 <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 select插件,它也在独立模式下工作(硬编码).能不能让我知道为什么会这样,以及如何解决这个问题？

谢谢

我有一个与this和this类似的问题。我已经尝试了评论中描述的所有解决方案。并达到了它可以工作的程度。

我的问题，当我从#main_cat内容中选择一个选项时.sub_cat是第一次加载（AJAX 加载正确）。但是如果我从#main_cat加载的内容中选择另一个选项但不使用选择选择器样式。它只是显示：

glyphicon-sort-by-alphabetOPTION 1 （以下截图）

HTML

<select id="main_cat" name="main_cat" class="selectpicker">
    <option selected="-1">Kies een thema</option>
    <option value="Actief_Avontuur" data-name="Actie & avontuur" data-icon="glyphicon-sort-by-alphabet" class="special">&nbsp;&nbsp;Actief, sportief en avontuurlijk</option>
    <option value="Creatief" data-name="Creatief" data-icon="glyphicon-sort-by-alphabet-alt" class="special">&nbsp;&nbsp;Creatief</option>
</select>
<select name="sub_cat" disabled="disabled" class="selectpicker_1 sub_cat">

jQuery

$(function(){
    $('#main_cat').change(function(){
        var $option = $(this).find('option:selected'),
            id = $option.val(),
            name = $option.data('name');
            // open your browser's console log and ensure that you get the correct values
        console.log(id, name);
            $(".sub_cat").empty();
            // call ajax
        $.ajax({ …