第一步是在表单中编写下拉框

div class=' Layui-form-item ' Label class=' Layui-form-Label '下拉选择框/Label div class=' Layui-input-block ' select id=' select id ' name=' interest ' lay-filter=' city '/select/div/div步骤2: Layui加载jquery模块动态添加选项进行选择

拉威。使用(['form '，' jquery']，function(){///-module:var form=layui。form，$=layui。$;//动态添加下拉框，设置默认值$。Ajax ({url: './JSON/selectid.json '，datatype3360' JSON '，//type:' post '，success3360函数(数据){$。每个(数据、函数(索引、项)//选项第一个参数是页面上显示的值，第二个参数是传递给后台$ ('# selectID ')的值。追加(新选项(项目。城市名，项目。city id))；//在下拉菜单中增加一个元素//设置值(这个值可以是更新时从后台传递到前台的值)。如果值为2，$('#selectId ')。默认情况下选择val(2 );})form . render()；//更新所有表单内容//form . render(' select ')；//刷新要呈现的表单选择框} })；});模拟从后台传递的json数据

[{'cityName': '上海'，' cityid' :' 1'}，{'cityName': '杭州'，' cityid' :' 2'}，{'cityname' : '深圳'，' cityid '

上面的layui根据后台数据动态创建下拉框，默认选择的例子是边肖共享的全部内容。希望能给大家一个参考，多支持我们。