配列からjqueryマルチセレクトにオプションを動的に追加

Question

複数の項目にチェックボックスを追加しようとしています。リストは用意されていますが、チェックボックスはありません。これはシナリオです 私は乳製品、野菜などのようないくつかのカテゴリリストを持っています。これらのリストから選択された項目は配列に格納されます。ユーザーからの確認を得るには、選択した項目を別のリストに表示します。これは、以下のように動的に作成する必要があります。ただし、リストは2番目のイメージと同様に作成されます。 これはコード

$.each(arr1, function(index, value){   
    $("#mySelect").append($("<option>",{ 
    value: value, 
    text: value 
    })); 
}); 

$('mySelect').multipleSelect({ 
    isOpen: true, 
    keepOpen: true 
}); 

マルチこれは推測です

Answer 1

を選択し、チェックボックスで

を選択している、私は複数選択使ったことがありません。しかし、コンテンツがそこに来るまでプラグインをインスタンス化するのを待っていれば、それはうまくいくかもしれません。

$.each(arr1, function(index, value){   
    $("#mySelect").append($("<option>",{ 
    value: value, 
    text: value 
    })); 

    if (index == arr1.length-1) { 
    $('mySelect').multipleSelect({ 
     isOpen: true, 
     keepOpen: true 
    }); 
    } 
});