附加新选项时选择选项消失

Question

我当前正在创建一个界面，以通过双击从一个选择元素中选择一个选项，并将其附加到另一个选择元素。

我遇到的问题是这样做的，它已添加并可见，但是所有其他选项在目标选择中都消失了，直到我单击该选项然后单击关闭。

您可以在此处查看此动作：https://i.imgur.com/jSXoIAi.gifv

我当前的实现如下：

$('body').on('dblclick', '#availableColumnsSelect > option', function (e) {

        var option = $(this);

        //Add option to destination
        displayColumnsSelect.append($('<option>', { value: option.val(), text: option.val() }));

        //Remove option from source
        option.remove();


        //Sort the select options
        sortSelect("#displayColumnsSelect");


        var optionsAvailable = $("#availableColumnsSelect > option:not([disabled])").length;


        if (optionsAvailable == 0) {
            $("#noSelectedText").removeClass('hidden');
        }
        $("#noSelectedText").addClass('hidden');
});

底层HTML正按照其应有的方式构建。

有什么想法吗？

Answer 1

如所指出的那样，问题在于sortSelection函数。我不确定为什么，但是不管我实际上不再需要此功能。