我正在将我的下拉列表与Jquery-Select2
绑定(bind)。它工作正常,但现在我需要使用 Jquery-Select2
绑定(bind)我的多值 selectBox
。
我的下拉菜单
<div class="divright">
<select
id="drp_Books_Ill_Illustrations"
class="leaderMultiSelctdropdown Books_Illustrations"
name="drp_Books_Ill_Illustrations"
multiple=""
>
<option value=" ">No illustrations</option>
<option value="a">Illustrations</option>
<option value="b">Maps</option>
<option value="c">Portraits</option>
</select>
</div>
从此链接http://ivaynberg.github.com/select2/我正在使用多值选择框,我可以绑定(bind)我的下拉列表
$("dropdownid").Select2()
它工作正常,但现在我需要在编辑模式下将所选值放入我的下拉列表中,所以我使用这个示例:
$(".Books_Illustrations").select2("val", ["a", "c"]);
它正在工作,但我该如何修复我的选择,因为用户可以选择任何内容。所以我不能静态地编写 a,c 这就是为什么我需要在编辑模式下动态绑定(bind)我的选定值。
我想现在你们都清楚我的要求了。如果您需要进一步许可,请告诉我。
最佳答案
实际上你只需要 $.each 来获取所有值,它将帮助你 jsfiddle.net/NdQbw/5
<div class="divright">
<select id="drp_Books_Ill_Illustrations" class="leaderMultiSelctdropdown Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple="">
<option value=" ">No illustrations</option>
<option value="a" selected>Illustrations</option>
<option value="b">Maps</option>
<option value="c" selected>selectedPortraits</option>
</select>
</div>
<div class="divright">
<select id="drp_Books_Ill_Illustrations1" class=" Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple="">
<option value=" ">No illustrations</option>
<option value="a">Illustrations</option>
<option value="b">Maps</option>
<option value="c">selectedPortraits</option>
</select>
</div>
<button class="getValue">Get Value</button>
<button class="setValue"> Set value </button>
<div class="divright">
<select id="drp_Books_Ill_Illustrations2" class="leaderMultiSelctdropdown Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple="">
<option value=" ">No illustrations</option>
<option value="a" selected>Illustrations</option>
<option value="b">Maps</option>
<option value="c" selected>selectedPortraits</option>
</select>
</div>
<div class="divright">
<select id="drp_Books_Ill_Illustrations3" class=" Books_Illustrations" name="drp_Books_Ill_Illustrations" multiple="">
<option value=" ">No illustrations</option>
<option value="a">Illustrations</option>
<option value="b">Maps</option>
<option value="c">selectedPortraits</option>
</select>
</div>
<button class="getValue1">Get Value</button>
<button class="setValue1"> Set value </button>
脚本:
var selectedValues = new Array();
selectedValues[0] = "a";
selectedValues[1] = "c";
$(".getValue").click(function() {
alert($(".leaderMultiSelctdropdown").val());
});
$(".setValue").click(function() {
$(".Books_Illustrations").val(selectedValues);
});
$('#drp_Books_Ill_Illustrations2, #drp_Books_Ill_Illustrations3').select2();
$(".getValue1").click(function() {
alert($(".leaderMultiSelctdropdown").val());
});
$(".setValue1").click(function() {
//You need a id for set values
$.each($(".Books_Illustrations"), function(){
$(this).select2('val', selectedValues);
});
});
关于jquery - 如何在Jquery-Select2中设置多值选择中的选定值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12889552/