JQuery Chosen 插件 + AJAX 加载动态选择答案

【问题标题】：JQuery Chosen plugin + AJAX loading dynamic selectJQuery Chosen 插件 + AJAX 加载动态选择
【发布时间】：2013-06-21 14:51:42
【问题描述】：

我正在使用选择的 jQuery 插件。它在 (document).ready 上运行良好，但我有一个按钮，单击该按钮时，它使用 ajax 动态创建更多我想使用“选择”功能的选择对象。但是，在添加新的选择元素之后，只有这个新元素可以正常工作，而其他元素则不能：如果我有一个选择并且最近添加了一个新的选择 javascript（通过单击选择等获取下拉菜单）仅适用于最后一个。这是我用于动态添加新选择元素的 JavaScript 代码：

$('#submit').click(function () {
    alert("hello");
    var drop = document.getElementById('Select_chzn');
    var spans = drop.getElementsByTagName('span')[0];
    var chosen = spans.innerHTML;
    $.post('${pageContext.request.contextPath}/getfield', {
        'fieldName': chosen
    },

    function (result) {
        document.getElementById('content')
            .innerHTML += result;

    });
    setTimeout(doChosen, 100);
    event.preventDefault();
});
});

function doChosen() {
    $(".chzn-select").chosen();
}

我将不胜感激。

【问题讨论】：

您的意思是选择不起作用还是选择的样式未应用于它们？
我的意思是选择不起作用。选择的风格效果很好。

标签： jquery ajax jquery-chosen

【解决方案1】：

如果您想动态选择所选插件，您可以触发 liszt 更新然后更改为它。例如假设 MyDropDown 是下拉 ID ，那么

  $('#MyDropDown').val('value you want').trigger("liszt:updated").trigger("change");

为我工作

【讨论】：