layui 动态绑定下拉框

最新推荐文章于 2024-02-29 17:28:31 发布

原创最新推荐文章于 2024-02-29 17:28:31 发布

· 3.3k 阅读

4 ·

版权

静墨客

文章标签：

#layui #动态绑定下拉框

Layui 专栏收录该内容

3 篇文章

订阅专栏

后台方法：

public JsonResu1t GetSelect{
var  result =new Dictionary<string, object) ;

var list = baseBLL.LoadEntities<TableName>().OrderBy (e=>e.Name).ToList(); 
result ["data"]=list; 
return Json (result, JsonRequestBehavior. AllowGet) ;

前台：

JS :

$.get ('GetSelect', function (res) { 
layui.each (res. data, function (index, item) ( 
$ ("#Category_select"). append ('<option value= "' + this. ID '">'+this.Name+'</option>')
});
 
form. render ();//渲染layui select样式
});

Select 绑定

<div class="layui—inline"> 
<select id="Category_se1ect" name= ManagementType"> 
<option value= "" selected="selected">选择经营类型</option>
</select> 
</div>