方法

/**
* 级联
* 联动
* @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[n], 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;
} }

jquery 多级联动下拉列表含(数据模型)的更多相关文章

  1. jQuery实例——jQuery实现联动下拉列表查询框--转http://www.cnblogs.com/picaso/archive/2012/04/08/2437442.html#undefined

    jQuery实例--jQuery实现联动下拉列表查询框   在查询与列表显示的时候经常用到联动列表显示,比如一级选项是国家,二级选项是省,三级是市,这样的联动是联系的实时导出的,比如你不可能选择了四川 ...

  2. Java基于POI实现excel任意多级联动下拉列表——支持从数据库查询出多级数据后直接生成【附源码】

     Excel相关知识点 (1)名称管理器--Name Manager [CoderBaby]首先需要创建多个名称(包含key及value),作为下拉列表的数据源,后续通过名称引用.可通过菜单:&quo ...

  3. jQuery实现联动下拉列表查询框

    <!DOCTaYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org ...

  4. jquery多级联动(ajax查数据库)

    /id 代表下级下拉框ID,cityCode代表的是父级菜单代码,所有级菜单在同一张表,后台在加载是把菜单已经加入到Map缓存中.... //id 代表下级下拉框ID,cityCode代表的是父级菜单 ...

  5. jQuery多级联动美化版Select下拉框

    在线演示 本地下载

  6. jQuery cxSelect 多级联动下拉菜单

    随着电商热门,这种多层次的互动更充分地体现在下拉菜单,最明显的是多级联动地址下拉选择,因此,这里是一个简单的分享 jQuery cxSelect 多级联动下拉菜单 cxSelect 它是基于 jQue ...

  7. jQuery制作简洁的多级联动Select下拉框

    今天我们要来分享一款很实用的jQuery插件,它是一个基于jQuery多级联动的省市地区Select下拉框,并且值得一提的是,这款联动下拉框是经过自定义美化过的,外观比浏览器自带的要漂亮许多.另外,这 ...

  8. 一款基于jQuery的联动Select下拉框

    今天我们要来分享一款很实用的jQuery插件,它是一个基于jQuery多级联动的省市地区Select下拉框,并且值得一提的是,这款联动下拉框是经过自定义美化过的,外观比浏览器自带的要漂亮许多.另外,这 ...

  9. [ PHP+jQuery ] ajax 多级联动菜单的应用:电商网站的用户地址选择功能 ( 二 ) - 仿亚马逊下拉面板

    /** jQuery version: 1.8.3 Author: 小dee Date: 2014.11.8 */ 接上一篇博客. 实现带缓存的仿亚马逊下拉面板 效果图: 图1 初始 图2 点击省份 ...

随机推荐

  1. js下拉列表

    js清除下拉列表所选默认值 $("#lineId").val(“”); js清除下拉列表所有选项 $("#type").html(""); ...

  2. 犹记当年写出bug睡不着,回想今天只求睡好渡余生……

    不想面对已经在博客园注册了3年多的时间 了,就是这么快的就已经过去了近3年的工作时间,从最开始的对编程的困惑到慢慢有一点的认识,好像哦就这样没有什么啊,也没有涉及到一些比较难的东西. 但是当初第一份工 ...

  3. hust 1010 The Minimum Length(循环节)【KMP】

    <题目链接> 题目大意: 有一个字符串A,一次次的重写A,会得到一个新的字符串AAAAAAAA.....,现在将这个字符串从中切去一部分得到一个字符串B,例如有一个字符串A="a ...

  4. 从函数式编程到Ramda函数库(二)

    Ramda 基本的数据结构都是原生 JavaScript 对象,我们常用的集合是 JavaScript 的数组.Ramda 还保留了许多其他原生 JavaScript 特性,例如,函数是具有属性的对象 ...

  5. pwntools简介

    安装binutils: git clone https://github.com/Gallopsled/pwntools-binutils sudo apt-get install software- ...

  6. Farewell Party-构造

    Farewell Party 思路 : 转换思路 ,有 a [ i ] 个不相等的 ,那么至少得有 n - a [ i ]个与它相等的. 但是有可能与它拥有相同数目的有很多. 但是为了能够最终 分配成 ...

  7. JAVA中handleEvent和action的区别

    看代码中用到了handleEvent和action,都是对事件进行处理的,觉得这两个方法可以直接合并,于是尝试合并后,发现功能还是有问题,说明两者还是有区别了,查了很久的资料,才基本了解这两者的区别. ...

  8. Jmeter压测过程报错the target server failed to respond

    失败事务报错信息如下, Socket closed Non HTTP response code: org.apache.http.NoHttpResponseException (the targe ...

  9. LOJ.6074.[2017山东一轮集训Day6]子序列(DP 矩阵乘法)

    题目链接 参考yww的题解.本来不想写来但是他有一些笔误...而且有些地方不太一样就写篇好了. 不知不觉怎么写了这么多... 另外还是有莫队做法的...(虽然可能卡不过) \(60\)分的\(O(n^ ...

  10. Codeforces.97D.Robot in Basement(bitset 模拟)

    题目链接 (ozr attack) 考虑怎么暴力,就是先在所有非障碍格子上全放上机器人,然后枚举每一步,枚举每个机器人移动这一步,直到所有机器人都在出口位置.复杂度是\(O(nmk)\)的. 怎么优化 ...