## 7.2.3.渲染select封裝 ```html <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 &emsp; &emsp;&nbsp;&nbsp;要渲染的select - data &emsp; &emsp;&nbsp;&nbsp;&nbsp;數據源，可以是數組，也可以是url - name &emsp; &emsp;&nbsp;顯示的字段名稱 - value &emsp; &emsp;&nbsp;值的字段名稱 - hint &emsp; &emsp;&emsp;未選擇提示文字 - initValue &emsp; 默認回顯的數據 - done &emsp; &emsp;&nbsp;&nbsp;渲染完成后的回調 - error &emsp; &emsp;&nbsp;&nbsp;data為url時請求失敗的回調 - method &emsp; &nbsp;data為url時請求方式 - where &emsp; &nbsp;&nbsp;&nbsp;data為url時請求參數 - header &emsp; &nbsp;&nbsp;data為url時請求header - async &emsp; &emsp;data為url時請求時否是異步 &emsp;后端返回數據格式為`{"data": [], "code": 0}`，data有數據就是請求成功，沒有數據就進入error，code等于多少都可以， 如果數據不是對象的形式，name和value可不填： ```javascript formX.renderSelect({ elem: '#sel', data: ['張三','李四'] }); ``` <br/>