选择的JavaScript可以'；t在动态更新时单击/选择

我有一个网站，我需要根据媒体系列筛选媒体类型列表。ie：如果选择了

print

，它必须只显示与打印相关的选项；如果选择了

digital

，它必须只显示与数字内容相关的选项

我可以用新的值更新列表，但是它们不再可以点击了

以下是截图：

我已经在使用：

$（“#mec_id”）.trigger（“liszt:updated”）其中
mec_id
是所选设备的id。以下是选择
媒体系列
后的HTML，当尝试单击
媒体类型
时，它不提供单击/选择选项的选项。在代码中，我选择了
print
，因为下拉列表只有一个值（以节省代码中的空间）

HTML:


打印





打印


JavaScript/JQuery（AJAX成功调用的函数）：

成功：函数（数据）{
var ul=document.createElement（'ul'）；
ul.className=“所选结果”；
对于（变量i=0；i
您确定不应该选择
而不是
liszt:updated

我看不到任何对李斯特的引用-
您在选择输入时使用的插件是什么？
<select id="mec_id" class=" chosen-select" tabindex="-1" multiple="" style="width: 100%; display: none;" data-placeholder="Select Media Type" name="mec_id[]">
    <option data-val="12" value="print">print</option>
</select>
<div id="mec_id_chosen" class="chosen-container chosen-container-multi" style="width: 349px;" title="">
    <ul class="chosen-choices">
        <li class="search-field">
            <input class="default" type="text" style="width: 132px;" autocomplete="off"   value="Select Media Type" tabindex="8">
        </li>
    </ul>
    <div class="chosen-drop">
        <ul class="chosen-results">
            <li class="active-result" data-option-array-index="12">print</li>
        </ul>
    </div>
</div>

   success: function (data) {
                var ul = document.createElement('ul');
                ul.className = "chosen-results";
                for (var i = 0; i < data.length; i++) {
                    if (i == 0) {
                        $('#media_types .chosen-drop').contents().remove();
                        $('#mec_id').contents().remove();
                    }
                    var text = data[i].text;
                    var li = document.createElement('li');
                    li.className = "active-result";
                    li.setAttribute('data-option-array-index', data[i].id);
                    li.innerHTML = text;
                    ul.appendChild(li);
                    // create options
                    var option = document.createElement('option');
                    option.setAttribute('data-val', data[i].id);
                    option.value = data[i].text;
                    option.text = data[i].text;
                    document.getElementById("mec_id").appendChild(option);
                }
                $('#mec_id_chosen .chosen-drop').append(ul);
                $("#mec_id").trigger("liszt:updated");
            },