使用 jQuery 从 select2 小部件中获取多个值并存储，然后重新加载它们

Question

“Select2” 表示： http://ivaynberg.github.io/select2/

现在，我的问题是：我有 select2 小部件的硬编码源，例如：

<select>
    <option value = "1">A</option>
    <option value = "2">B</option>
    <option value = "3">C</option>
</select>

然后，当我选择 A 和 B 两个选项时，并使用：

var result = $("#id").select2("val"); 

我可以得到结果等于A，B。 所以接下来当我想重新加载结果时：

$("#id").select2("val", result);

它不能成功，因为小部件不能分开它们是两个不同的选项。

我该如何解决这个问题，不能使用split(",") 命令，因为可能有些选项有逗号。

Answer 1

好的，让我们做点什么，我刚刚在 fiddle 上创建了一个示例，我们可以对其进行处理，这样你就可以做你需要的。

到目前为止，这就是我所能做的，您可以在顶部 select2 上选择多个项目，然后按一个按钮，获取所选项目，然后在不同的 select2 上选择完全相同的项目（值中包含逗号）。这几乎就是您想要做的（保存和恢复）。

小提琴在http://jsfiddle.net/5P9Zc/

$(".mimicValues").click(function() {
    var test = $(".origin").val();
    // Save the values into TEST
    $(".origin").val().forEach(function(entry) {
    console.log(entry);
});
   alert(test);
   // Restore the values in TEST
   $(".mimic").val(test);
});

另外，请注意您使用的 select2 的版本，较新的版本有一些增强功能。