带有multiselectList框的QuickSearch Jquery插件

Question

我正在研究有两个多重选择列表的功能1）select1 2）select2用户可以从select1中选择选项，并可以添加到第二个中

            $('#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);
                });               
            });

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