0

我正在使用选择的 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();
}

我会很感激任何帮助。

4

1 回答 1

0

如果你想动态选择选择的插件，你可以触发一个 liszt 更新然后改变它。例如假设 MyDropDown 是下拉 ID ，然后

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

为我工作

于 2013-08-29T04:29:41.153 回答