jquery - Jquery Multi-Select 値を非表示の入力ボックスにバインドする

Question

この複数選択ボックスの値を取得するのに少し問題があります。

使用可能な各オプションをループするphp foreachがあり、完全に正常に表示されます。しかし、ドロップダウンからオプションを選択すると、隠しフィールドは、選択した値ではなく、ドロップダウンからすべての可能な値を受け取ります。何か助けはありますか？

$('.ui-multiselect-menu input:checkbox').on('change',function() {

            selectedItems = new Array();
            console.log(selectedItems);
            $(".ui-multiselect-menu input:checkbox").each(function() {
                if($.inArray($(this).val(), selectedItems) != 0){
                  selectedItems.push($(this).val());
                }
            });
            console.log(selectedItems);
                var data = selectedItems.join(',');
            $(".live").val(data);
        });

Answer 1

答えを導き出しました。

$('.ui-multiselect-menu input:checkbox').on('change',function() {

            selectedItems = new Array();
            console.log(selectedItems);
            $(".ui-multiselect-menu input[name=multiselect_0]:checked").each(function() {
                if($.inArray($(this).val(), selectedItems) != 0){
                  selectedItems.push($(this).val());
                }
            });
            console.log(selectedItems);
                var data = selectedItems.join(',');
            $(".live").val(data);
        });