Question

大家好。我有一个关于克隆使用select2插件的select的问题。主要问题-我无法使用上一个块中选择的选项。

我将尝试查找所选项目并删除其属性，例如aria-selected和selected

newEntry.find('option:selected').removeAttr('selected').attr('[aria-selected=false]')

但这不起作用。

$(document).ready(function() {
    $(".entryDet").children("select").select2({});
    $(".btn-add").click(function () {
       $(".entryDet")
           .children("select")
           // call destroy to revert the changes made by Select2
           .select2("destroy")
            .removeAttr('data-live-search')
            .removeAttr('data-select2-id')
            .removeAttr('aria-hidden')
            .removeAttr('tabindex');
    });
    $(document).on('click', '.btn-add', function (e) {
        e.preventDefault();

        var Count = $('.entryDet').size();

        var controlForm = $('.controls fieldset:first-child'),
            currentEntry = $(this).parents('.entryDet:first'),
            newEntry = $(currentEntry.clone(true)).appendTo(controlForm);

        var SplitVar = (newEntry.find('select').attr('name')).split('-');
        Count > SplitVar[1] ? newEntry.find('select').attr('name','Operations-'+ ++Count) : newEntry.find('select').attr('name','Operations-'+ ++SplitVar[1]);

        newEntry.find('option:selected').removeAttr('selected').attr('[aria-selected=false]');

        newEntry.find('input').val('');
        controlForm.find('.entryDet:not(:last) .btn-add')
            .removeClass('btn-add').addClass('btn-remove')
            .html('<div id="rectangle"></div>');

        $(".entryDet").children("select").each(function () {
            $(this).select2({});
        });

    }).on('click', '.btn-remove', function (e) {

        $(this).parents('.entryDet:first').remove();
        e.preventDefault();
        $(".entryDet").children("select").each(function () {
            $(this).select2({});
        });
        return false;
    });
});

我需要采取的结果是在基本选择和克隆选择中选择所有选项的可能性。看起来很简单，但我无法提出解决方案。希望有人可以提出解决这个问题的方法。

UPD：真的没人知道如何解决这个问题？

在克隆选择上选择了相同的选项

0 个答案: