老师 请教一下 下拉框动态获取
老师 问一下 这个guns 前端 系统 下拉框 怎样能做到 传一个接口 动态获取 里面的值 老师能传一下源码嘛
老师 问一下 这个guns 前端 系统 下拉框 怎样能做到 传一个接口 动态获取 里面的值 老师能传一下源码嘛
2018-11-14
控制器代码
```
/**
* 罗列种类
*/
@RequestMapping(value = "/list/type")
@ResponseBody
public Object listType() {
return dao.listType();
}
```
HTML代码
```
<div class="col-sm-2">
<#SelectCon id="typeId" name="种类" clickFun="Clothes.getTypeList()">
<option value="">请选择...</option>
</#SelectCon>
</div>
```
JS代码
```
/**
* 获取品类列表
*/
Clothes.getTypeList = function () {
var ajax = new $ax(Feng.ctxPath + "/clothes/list/type", function (data) {
document.getElementById("typeId").options.length=0;
document.getElementById("typeId").options.add(new Option("请选择...", ""));
for(var i=0;i<data.length;i++){
var value = data[i].id;
var lable = data[i].typeName;
document.getElementById("typeId").options.add(new Option(lable, value));
}
}, function (data) {
Feng.error("下拉框数据加载失败");
});
ajax.start();
};
```
自定义标签#SelectCon的修改(SelectCon.tag): select标签增加鼠标按下事件
```
<select class="form-control" id="${id}" onmousedown="${clickFun!}">
${tagBody!}
</select>
```
举报