带有多选列表框的 QuickSearch Jquery 插件

Question

我正在研究有两个多选列表的功能 1) 选择1 2) 选择2 用户可以从 select1 中选择选项，并且可以添加到 second2 中

            $('#add').click(function () {
                return !$('#select1 option:selected').remove().appendTo('#select2');
            });

            $('#remove').click(function () {
                return !$('#select2 option:selected').remove().appendTo('#select1');
            }); 

我正在使用 quicksearch jquery 插件在 select1 上提供搜索功能

 $('input#searchFields').quicksearch('#select1 option');

问题是如果 select2 有任何从 select1 中选择的选项，并且任何搜索都应用于 select1，同样的搜索也会应用于 select2 的选项，这不是预期的。

我认为这是因为 select2 中的所有选项都取自 select1，quicksearch 在 select1 中的选项上使用一些内部标记用于搜索目的，当这些选项添加到 select2 中时，它们也会被考虑用于搜索。

请指教。

Answer 1

使用以下 jquery 代码解决问题。

$('#add').click(function () {
                $('#select1 option:selected').each(function () {
                    var option = $('<option/>');
                    option.attr({ 'value':$(this).val() }).text($(this).text());
                    $('#select2').append(option);
                });               
            });

所以我认为用于搜索的快速搜索标记选项是这里的实际情况。