表格查询-下拉菜单

## onion.renderSelect ### 1. 功能 获取数据来渲染下拉选择菜单 ### 2. 使用场景 表单需要进行下拉选择,选择项内容来自后台 ### 3. 如何使用 ```js onion.renderSelect(form, res, container, formId); ``` 1. `form` 为 全局变量 `var form = onion.form;`, 一般固定 2. `res` 后端传回来的数据, 需要内有 id 和 name 3. `'container'` 下拉菜单绑定的 id 4. `formId` 表单名 ![image.png](https://cos.easydoc.net/27100029/files/kbk586lb.png) ### 4. api定义 ``` javascript onion.renderSelect = function (form, data, container, formId, key, value) { function clearSelect(dom) { $(dom).find("option:selected").text(""); $(dom).empty(); } if (data.length == 0) return; clearSelect(container); var str = ''; for (var i = 0; i < data.length; i++) { if (i == 0) { var temps = '<option value="">请选择</option>'; str += temps; } var id = key ? key : 'id'; var value = value ? value : 'name'; var temp = '<option value="' + data[i][id] + '">' + data[i][value] + '</option>'; str += temp; } $(container).html(str); form.render(); } ```