jquery 多级联动下拉列表含(数据模型)
2017-08-04 16:04
417 查看
方法
需要用到的另一函数
java
/** * 级联 * 联动 * @param url:访问json数据的地址 * @param param:参数 * @param levelIds:页面下拉标签数组,为联动级数 * @private */ function _yh_linkage(url,params, levelIds){ _yh_postRequest(url,params,function(response){ //console.log(response); /** * 初始下拉列表数据 * @param obj * @returns {jQuery} */ function objInit(obj){ return $('#'+obj).html('<option value="">请选择</option>'); } selectToChildOption(response,levelIds,0); /** * 递归联动初始数据 * @param object:数据 * @param levelIds:联动下拉框id数组 * @param levelIndex:第几级下拉列表 */ function selectToChildOption(object,levelIds,levelIndex){ for (var index in levelIds) { if(index<levelIndex) continue; objInit(levelIds[index]); } if( object == null ) return ; if( levelIds == null || levelIds.length <= levelIndex ) return ; if( object != null && object.list != null ) { $.each(object.list,function(i,o){ $('#'+levelIds[levelIndex]).append('<option value="'+o.id+'" >'+o.name+'</option>'); }); $('#'+levelIds[levelIndex]).change(function() { var n = $('#'+levelIds[levelIndex]).get(0).selectedIndex-1; selectToChildOption(object.list , levelIds, levelIndex + 1); }); } } }); }
需要用到的另一函数
/** * post请求 * @param url * @param params * @param callbackfunciton:回调函数 * @returns */ function _yh_postRequest(url,params,callbackFunction){ //console.log(params); if(params == null ){ params = {}; } $.post(url,params,function(response){ if( callbackFunction != null) callbackFunction(response); }); }
java
public class TKY { private String id; private String name; private boolean select= false;//是否默认选中 private List<TKY> list = new ArrayList<>(); public TKY(String id ,String name){ this.id = id; this.name = name; } public String getId() { return id; } public String getName() { return name; } public List<TKY> getList() { return list; } public void addList(TKY t) { list.add(t); } public boolean isSelect() { return select; } public void setSelect(boolean select) { this.select = select; } }
相关文章推荐
- 用Ajax实现多级联动下拉列表For JSP(无限级别,JSON传输数据,含全国地区数据库
- ASP利用数据表生成多级联动下拉列表框
- jQuery实现多级联动下拉列表查询框
- jQuery实现多级联动下拉列表查询框
- jquery通过struts2请求,返回json数据,在jsp页面形成二级联动下拉列表
- 多级联动,下拉列表取text及value值的两种方法(传统方法+JQuery方法)
- 基于MVC3方式实现下拉列表联动(JQuery)
- ASP.NET MVC2 Jquery 下拉列表三级联动 推荐
- Ajax技术--多级联动下拉列表($.ajax())
- jQuery实现联动下拉列表查询框
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- Demo-jQuery下拉列表内容联动
- jquery实现下拉列表二级联动
- 使用jquery 匿名内部类实现 下拉列表三级联动
- jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
- 基于MVC3下拉列表联动(JQuery)
- yii 下拉列表多级联动 dropDownList
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- 下拉列表多级联动dropDownList示例代码
- jquery 动态向下拉列表填充数据,点击下拉列表时传值并触发事件