Question

我正在使用所选的jQuery插件。它在（document）.ready上运行正常，但我有一个按钮，当点击它时，使用ajax动态创建更多选择对象，我想使用＆＃34;选择＆＃34;特征。但是，在添加新的select元素之后，只有这个新元素正常工作而其他元素不能正常工作：如果我有一个select并且最近添加了一个新的select javascript（通过单击select等获取下拉列表）仅适用于最后一个。这是我用于动态添加新选择元素的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();
}

我会感激任何帮助。

Answer 1

如果要动态选择所选插件，只需触发liszt更新然后更改即可。例如，MyDropDown是下拉列表ID，然后是

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

适合我

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

1 个答案: