Jquery 引导选择器选择器未使用动态选项

我正在使用引导选择器选择器，但在使用jquery动态添加选项时，它不起作用

在手动添加选项html时，它正在运行

html

      <div class="form-group col-md-3">
         <label class="bold" >Exam Type</label>
            <select  class="exam_type_element_multiple"  name="exam_type_element" data-live-search="true" multiple data-style="btn-info" data-selected-text-format="count">
               <option value="1">Bank</option>
               <option value="3">Railways</option>
            </select>
        </div> 
        <div class="form-group col-md-3 ">
           <label class="bold" >Sub Exam Type</label>
           <select  class="exam_sub_type_element_multiple"  name="exam_sub_type_element" data-live-search="true" multiple data-style="btn-warning" data-selected-text-format="count">

           </select>
         </div> 

考试类型
银行
铁路
次级考试类型

jquery

$('.exam_type_element_multiple').on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
    all_cat = $main_stream_result_json;
    main_selected  = $(this).val();
    var html = '';
    $.each(main_selected, function( index, value ) {
        $.each(all_cat, function( i, v ) {
            if(value == v.id){
                html +=  '<optgroup label="'+v.name+'">';
            }
        });
        $.each(all_cat, function( i, v ) {
            if(value == v.parent_id){
                html +=  '<option value="'+v.id+'">'+v.name+'</option>';
            }
        });
        html +='</optgroup>';
    });
    $('.exam_sub_type_element_multiple').selectpicker('destroy');
    $('.exam_sub_type_element_multiple').html($.parseHTML(html));
    // if uncommenting this line than this option is working 
    //$('.exam_sub_type_element_multiple').html('<option value="123">123</option>'); 
    $('.exam_sub_type_element_multiple').selectpicker('render');

$（'.exam\u type\u element\u multiple'）。打开（'changed.bs.select'，函数（e，clickedIndex，isSelected，previousValue）{
all_cat=$main_stream_result_json；
main_selected=$（this.val（）；
var html=''；
$.each（所选主单元、函数（索引、值）{
$。每个（所有类别，功能（i，v）{
如果（值==v.id）{
html+=''；
}
});
$。每个（所有类别，功能（i，v）{
if（值==v.parent\u id）{
html+=''+v.name+''；
}
});
html+=''；
});
$（'.exam\u sub\u type\u element\u multiple'）。选择选择器（'destroy'）；
$（'.exam_sub_type_element_multiple'）.html（$.parseHTML（html））；
//如果取消对此行的注释，则此选项无效
//$（'.exam_sub_type_element_multiple'）.html（'123'）；
$（'.exam\u sub\u type\u element\u multiple'）。选择选择器（'render'）；

使用

$（“#检查#子(类型)元素(多个”）。选择选择器（'refresh'）；

并且不要忘记为该选择元素使用ID

$（文档）.ready（函数（）{
$（'.exam_type_element_multiple，#exam_sub_type_element_multiple'）。选择器（）；
});
$（'.exam\u type\u element\u multiple'）。打开（'change'，函数（e，clickedIndex，isSelected，previousValue）{
var all_cat=jQuery.parseJSON（'[{“id”：“1”，“parent_id”：“3”，“name”：“abc”}，{“id”：“3”，“parent_id”：“1”，“name”：“cde”}]）；
var main_selected=$（this.val（）；
var html=''；
$.each（所选主单元、函数（索引、值）{
$。每个（所有类别，功能（i，v）{
如果（值==v.id）{
html+=''；
}
});
$。每个（所有类别，功能（i，v）{
if（值==v.parent\u id）{
html+=''+v.name+''；
}
});
html+=''；
});
$（“#检查#子#类型#元素#多重”）.empty（）；
$（'#检查\子类型\元素\多个'）。追加（$.parseHTML（html））；
$（“#检查子类型元素多个”）。选择选择器（“刷新”）；
})；

考试类型
银行
铁路
次级考试类型

使用

$（“#检查#子(类型)元素(多个”）。选择选择器（'refresh'）；

并且不要忘记为该选择元素使用ID

$（文档）.ready（函数（）{
$（'.exam_type_element_multiple，#exam_sub_type_element_multiple'）。选择器（）；
});
$（'.exam\u type\u element\u multiple'）。打开（'change'，函数（e，clickedIndex，isSelected，previousValue）{
var all_cat=jQuery.parseJSON（'[{“id”：“1”，“parent_id”：“3”，“name”：“abc”}，{“id”：“3”，“parent_id”：“1”，“name”：“cde”}]）；
var main_selected=$（this.val（）；
var html=''；
$.each（所选主单元、函数（索引、值）{
$。每个（所有类别，功能（i，v）{
如果（值==v.id）{
html+=''；
}
});
$。每个（所有类别，功能（i，v）{
if（值==v.parent\u id）{
html+=''+v.name+''；
}
});
html+=''；
});
$（“#检查#子#类型#元素#多重”）.empty（）；
$（'#检查\子类型\元素\多个'）。追加（$.parseHTML（html））；
$（“#检查子类型元素多个”）。选择选择器（“刷新”）；
})；

考试类型
银行
铁路
次级考试类型

你能从你的代码中创建代码段吗？检查我的答案。你能从你的代码中创建代码段吗？检查我的答案。很好，它似乎因为id而工作。是的，顺便说一句，很高兴帮助你。干杯！愉快的编码。很好，它似乎因为id而工作。是的，顺便说一句，很高兴帮助你。C海尔斯！快乐的编码。