# 渲染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: ['張三','李四'] }); ~~~