程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Select2:为下拉项列表设置默认值,从C#模型中获取的数据以razor语法大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决SELEct2:为下拉项列表设置默认值,从C#模型中获取的数据以razor语法?

开发过程中遇到SELEct2:为下拉项列表设置默认值,从C#模型中获取的数据以razor语法的问题如何解决?下面主要结合日常开发的经验,给出你关于SELEct2:为下拉项列表设置默认值,从C#模型中获取的数据以razor语法的解决方法建议,希望对你解决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语法全部内容,希望文章能够帮你解决Select2:为下拉项列表设置默认值,从C#模型中获取的数据以razor语法所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: