JQuery UI複数の異なるマルチセレクションブロックから値を取得する

Question

これは私の質問のルートへのリンクです： JQuery UI Multiselect how to get selected options valuesです。 問題はMichael Aufreiterが作成したマルチセレクションウィジェットから:selectedを得る方法でした。

も問題にこのソリューションがあります：

$('.ui-multiselect .selected li').each(function(idx,el){ 
    var link = $(el).data('optionLink'); 
    if(link) { 
     selFriends.push(link.val()); //array with selected items 
    } 
}); 

しかし、私は、同じデータを有する第2複数選択ブロックを追加するつもりです。これは、$('.ui-multiselect .selected li')が両方のウィジェットから:selected要素を取得することを意味します。それは間違っており、上記のコードを変更する方法はわかりません。たとえば、IDが異なる2つの選択ブロックがある場合、どのような要素からjQueryを認識させることができますか？最終目標として

---

：私はanotherArrayに第二からselFriendsアレイ及び選択された要素に最初のウィジェットから選択された要素をプッシュする必要があります。何か案は？あなたは（リンクの例のように）要素<select id="countries" class="multiselect" multiple="multiple" name="countries[]">...</select>を持っている場合は、あなたがこのような値を選択し得ることができ、一例でthat multiselect widget

を使用している場合

Answer 1

は、選択された値を取得するための、より簡単な方法があります。

var selectedValuesArray = $('#countries').val(); // ["AUT", "DEU"] 

// second multiselect with id #anotherSelect 
var anotherValuesArray = $('#anotherSelect').val();