javascript - 使用 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 上选择完全相同的项目(值中包含逗号)。这几乎就是您想要做的(保存和恢复)。

fiddle 位于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 版本，它的新版本有一些增强功能。