大佬教程收集整理的这篇文章主要介绍了Select2:为下拉项列表设置默认值,从C#模型中获取的数据以razor语法,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个 SELEct2 下拉菜单,我想为列表项选择默认值。当我使用硬编码值来设置下拉菜单的默认值时,它工作正常
$('#PlatFormtitle').val(['1','2','3']);
但我想根据从模型中获得的数据来选择值。 这是我正在尝试的代码,有人可以指出我在这里做错了什么。
var PlateForms = [];
var x;
@foreach(var PlateForm in Model.UserPlateFormList)
{
@:x = '@PlateForm';
@:PlateForms.push(X);
}
$('#PlatFormtitle').val(PlateForms);
$('#PlatFormtitle').trigger('change');
我也试过了。
$('#PlatFormtitle').val(JsON.Stringify(PlateForms));
$('#PlatFormtitle').trigger('change');
我用你的代码进行了测试,它可以工作,这是演示:
型号:
public class Model1 {
public List<int> UserPlateFormList { get; set; }
}
控制器:
public IActionResult Index()
{
Model1 m = new Model1 { UserPlateFormList = new List<int> { 1,2,3 } };
return View(m);
}
查看:
<SELEct id="PlatFormtitle" class="js-example-basic-multiple" multiple="multiple" style="width:200px">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
</SELEct>
js:
<script src="@R_262_10107@s://cdnjs.cloudFlare.com/ajax/libs/SELEct2/4.0.13/js/SELEct2.min.js"></script>
<link rel="stylesheet" href="@R_262_10107@s://cdnjs.cloudFlare.com/ajax/libs/SELEct2/4.0.13/css/SELEct2.min.css" />
<script>
$(function () {
$('.js-example-basic-multiple').SELEct2();
var PlateForms = [];
var x;
@foreach (var PlateForm in Model.UserPlateFormList)
{
@:x = '@PlateForm';
@:PlateForms.push(X);
}
$('#PlatFormtitle').val(PlateForms);
$('#PlatFormtitle').trigger('change');
});
</script>
结果:
以上是大佬教程为你收集整理的Select2:为下拉项列表设置默认值,从C#模型中获取的数据以razor语法全部内容,希望文章能够帮你解决Select2:为下拉项列表设置默认值,从C#模型中获取的数据以razor语法所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。