“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(",")
命令,因为可能有些选项有逗号。
最佳答案
好吧,让我们做点什么,我刚刚在 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 版本,它的新版本有一些增强功能。
关于javascript - 使用 jQuery 从 select2 小部件获取多个值并存储,然后重新加载它们,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21613280/