选择2 在 MVC 中设置多选值
Select2 Set Values for Multi-Select in MVC
我正在做一个在部分表单上使用 select2 多选的项目。此代码非常适合"创建"页面,但是当我转到"编辑"页面时,遇到了问题。我希望能够获取创建"项目"时的值,然后使用 jQuery 在"编辑"页面上为这些"项目"设置值。
这是我所拥有的:
var re = /[0-9]+$/;
$('#Item').select2({
theme: "bootstrap",
placeholder: "Not Set",
tags: true
});
$('#Item').on("select2:select", function (evt) {
var element = evt.params.data.element;
var $element = $(element);
$element.detach();
$(this).append($element);
$(this).trigger("change");
});
var values = "@Model.ItemIds"; //pull ItemIds from Model in MVC
$.each(values.split(","), function (i, e) {
if (e != "Not Set" && e != "" && e != null && e != undefined) {
if (!re.test(e)) {
var newList = $.merge($('#Item').select2('data'), [{
id: e,
tag: e
}]);
$("#Item").select2('data', newList);
$("#Item").append('<option value="' + e + '">' + e + '</option>');
}
$("#Item option[value=" + e + "]").prop("selected", true);
}
});
因此,发生的情况是,当页面加载时,我得到选择的项目是@Model.ItemIds
中的项目,但它们的排列顺序是<select>
下的顺序,而不是它们在@Model.ItemIds.
的顺序 任何帮助将不胜感激。谢谢!
这是我
的新代码:
var values = "@Model.ItemIds"; //pull ItemIds from Model in MVC
$.each(values.split(","), function (i, e) {
if (e != "Not Set" && e != "" && e != null && e != undefined) {
if (!re.test(e)) {
var newList = $.merge($('#Item').select2('data'), [{
id: e,
tag: e
}]);
$("#Item").select2('data', newList);
$("#Item").append('<option value="' + e + '">' + e + '</option>');
}
else{
$("#Item").append($("#Item option[value='" + e + "']"));
}
$("#Item option[value='" + e + "']").prop("selected", true);
}
});
将现有选项附加到末尾似乎已经解决了我的问题。
相关文章:
- 为dropdownlistfor(MVC)中的每个元素设置唯一id
- jQuery在MVC应用程序中设置JS变量
- 我无法将 MVC 复选框设置为在 jquery 中选中
- 我们如何使用Jquery和ASP.NET MVC 4复杂模型数据设置HTML元素的值
- MVC中选择下拉列表的设置值出现问题
- 如果在ASP.Net MVC视图中验证失败,请设置httppostedfilebase
- 在MVC视图和DateTimePicker中设置会话变量
- MVC 5视图-设置Javascript变量
- .NET MVC 在同一页面上应用不同的区域设置
- 如何在 Select2 输入中设置默认值,并在 asp.net mvc 中标记
- 如何将 ASP MVC 窗体下拉列表设置为空白,但仅当基础值未初始化时
- 如何设置按钮以使用 jQuery、AJAX、JSON 和 MVC 调用不同的按钮
- 选择2 在 MVC 中设置多选值
- 为已由数据库信息填充的下拉列表设置默认值.MVC 4.
- 设置我的ASP.NET MVC 3项目自动感知正在运行的语言
- MVC Javascript基于模型设置文本输入值
- 基于mvc模型设置html复选框复选值
- 如何设置通过查看MVC URL选择的下拉选项
- 如何根据索引中控件的onchange事件设置mvc 5视图中隐藏字段的值
- 设置MVC帖子后在JavaScript中打开的新窗口的ContentType