其他分享
首页 > 其他分享> > bootstrap 表单中的select下拉列表数据动态加载和selected

bootstrap 表单中的select下拉列表数据动态加载和selected

作者:互联网

bootstrap 表单中的select下拉列表数据动态加载和selected

bootstrap 表单中的select下拉列表数据动态加载和selected

获取到下拉值

通过ajax进行获取下拉值

获取之后改如何对下拉值进行更新等相关操作

页面

<div class="row clearfix">
    <div class="col-lg-2 col-md-4 col-sm-4 col-xs-5 form-control-label">
        <label>厂房</label>
    </div>
    <div class="col-lg-8 col-md-10 col-sm-8 col-xs-7">
        <div class="form-group">
            <div class="form-line">                                   
                <select asp-for="XXXId" class="form-control" id = "XXXId">
                    <option>请选择</option>
                </select>
            </div>
            <span class="field-validation-error" asp-validation-for="XXXId"></span>
        </div>
    </div>
</div>

JQ

//select下拉联动清除原有的
$("#XXXId").empty();
if(result.length==0)
{
   	//某些有验证的地方 如果不给请选择的value赋值会有验证错误
   	$("#XXXId").append('<option value="">请选择</option>');
}
else
{
    for(var i = 0;i<result.length;i++)
    {
        $("#XXXId").append('<option value ='+result[i].Id+' >'+result[i].XXXName+'</option>');
    };
}
//select下拉联动刷新
$("#XXXId").selectpicker('refresh');
//select下拉联动展示
$("#XXXId").selectpicker('show');

再此记录只为方便自己查询与使用,如能帮到大家,也欢迎大家伙一起浏览学习与讨论

标签:selected,下拉值,下拉,bootstrap,XXXId,select
来源: https://blog.csdn.net/MrZ_ero/article/details/122727279