# 渲染select封装 ## 7.2.3.渲染select封装 ~~~ <select id="sel"></select> <script> layui.use(['formX'],function(){ var formX = layui.formX; // 数据方式 formX.renderSelect({ elem: '#sel', data: [ {id: 1, name: '张三'}, {id: 2, name: '李四'} ], name: 'name', value: 'id', hint: '请选择用户', initValue: 1, done: function() {} }); // 异步方式 formX.renderSelect({ elem: '#sel', data: 'user.json', name: 'name', value: 'id', hint: '请选择用户', done: function(data) {}, method: 'get', where: {page: 20}, header: {token: 'xxx'}, async: true, error: function(xhr, res){} }); }); </script> ~~~ 基础参数： * elem      要渲染的select * data       数据源，可以是数组，也可以是url * name     显示的字段名称 * value     值的字段名称 * hint     未选择提示文字 * initValue   默认回显的数据 * done      渲染完成后的回调 * error      data为url时请求失败的回调 * method    data为url时请求方式 * where      data为url时请求参数 * header     data为url时请求header * async    data为url时请求时否是异步  后端返回数据格式为`{"data": [], "code": 0}`，data有数据就是请求成功，没有数据就进入error，code等于多少都可以， 如果数据不是对象的形式，name和value可不填： ~~~ formX.renderSelect({ elem: '#sel', data: ['张三','李四'] }); ~~~