layui option 动态添加_如何动态在LayUI中添加Select下拉框选项和Option？

1.【HTML】中的代码。在select中记得添加一个id属性。

1-1.博主是使用C#的webapi从后台获得数据。

2.【JS】中的代码。在js中写一个方法，将获取到的数据遍历，然后进行绑定。记住"data[i].CategoryId"需要和使用Ajax请求的数据保持一致才行。

//获取商品的【状态信息】，绑定到Select下拉框上

functionGetAudit_status(element, url, type, title) {

$.ajax({

url: url,

type: type,

success:function(data) {if (data != "" && data != null) {var html1 = '

' + title + '';var html2 = '' + title + '';for (var i = 0; i < data.length; i++) {

html1+= '

' + data[i].CategoryName + '';

html2+= '' + data[i].CategoryName + '';

}

$(element).next().children().eq(1).html(html1);

$(element).html(html2);

form.render();//没有写这个，操作后没有效果

}

}

})

}

3.调用上面的那个方法。

第一个参数：绑定的DOM元素

第二个参数：请求的地址

第三个参数：请求的方式

第四个参数：option的第一项内容

GetAudit_status("#GetAudit_status", "/Goods/GetAudit_status", "post", "选择商品状态");//商品状态

4.可以看出数据是绑定成功了的。