JQuery UI Multiselect从不同的多选块中获取值

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
    }
}); 

但我要添加第二个具有相同数据的多选块。这意味着$('.ui-multiselect .selected li') 将从两个小部件中获得:selected 元素。那是错误的，我不知道如何修改上面的代码。比如我有两个不同ID的select块，如何让jQuery识别元素在哪里？

---

作为最终目标：我需要将第一个小部件中的选定元素推送到selFriends 数组，并将第二个小部件中的选定元素推送到anotherArray。有什么想法吗？

Answer 1

如果您使用的是that multiselect widget，还有更简单的方法来获取选定的值

例如，如果您有元素 <select id="countries" class="multiselect" multiple="multiple" name="countries[]">...</select>（如链接中的示例），您可以像这样获取选定的值：

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

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