# 下拉选择
## 基于JQuery的下拉选择
### 直接选择
html
```html
```
js
```javascript
// 初始化
function initSelect(callback) {
top.restAjax.get(top.restAjax.path('url', ['']), {}, null, function(code, data) {
$('#selector').append('');
$.each(data, function (index, item) {
$('#selector').append('');
});
// 渲染表单下拉框
form.render(null, 'dataForm');
callback ? callback() : null;
}, function(code, data) {
top.dialog.msg(data.msg);
})
}
```
### 选择并获取其他属性
以部门选择为例，选择部门既要获取部门名称，又要获取部门ID
html
```html
```
js
```javascript
// 初始化
function initDepartmentSelect(callback) {
top.restAjax.get(top.restAjax.path('api/department/list/0', []), {}, null, function(code, data) {
$('#departmentName').append('');
$.each(data, function (index, item) {
$('#departmentName').append('');
});
// 渲染表单下拉框
form.render(null, 'dataForm');
callback ? callback() : null;
}, function(code, data) {
top.dialog.msg(data.msg);
})
// 添加监听事件
form.on('select(departmentNameFilter)', function(data) {
var value = data.value;
// 遍历 option 获取 option 上的属性
for(var i = 0, item; item = $(data.elem).children()[i++];) {
if(item.value == value) {
$('#departmentId').val(item.dataset.departmentId);
break;
}
}
});
}
```
### 列表上的选择
```html
```