jquery 多级联动下拉列表含(数据模型)
方法
/**
* 级联
* 联动
* @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 多级联动下拉列表含(数据模型)的更多相关文章
- jQuery实例——jQuery实现联动下拉列表查询框--转http://www.cnblogs.com/picaso/archive/2012/04/08/2437442.html#undefined
jQuery实例--jQuery实现联动下拉列表查询框 在查询与列表显示的时候经常用到联动列表显示,比如一级选项是国家,二级选项是省,三级是市,这样的联动是联系的实时导出的,比如你不可能选择了四川 ...
- Java基于POI实现excel任意多级联动下拉列表——支持从数据库查询出多级数据后直接生成【附源码】
Excel相关知识点 (1)名称管理器--Name Manager [CoderBaby]首先需要创建多个名称(包含key及value),作为下拉列表的数据源,后续通过名称引用.可通过菜单:&quo ...
- jQuery实现联动下拉列表查询框
<!DOCTaYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org ...
- jquery多级联动(ajax查数据库)
/id 代表下级下拉框ID,cityCode代表的是父级菜单代码,所有级菜单在同一张表,后台在加载是把菜单已经加入到Map缓存中.... //id 代表下级下拉框ID,cityCode代表的是父级菜单 ...
- jQuery多级联动美化版Select下拉框
在线演示 本地下载
- jQuery cxSelect 多级联动下拉菜单
随着电商热门,这种多层次的互动更充分地体现在下拉菜单,最明显的是多级联动地址下拉选择,因此,这里是一个简单的分享 jQuery cxSelect 多级联动下拉菜单 cxSelect 它是基于 jQue ...
- jQuery制作简洁的多级联动Select下拉框
今天我们要来分享一款很实用的jQuery插件,它是一个基于jQuery多级联动的省市地区Select下拉框,并且值得一提的是,这款联动下拉框是经过自定义美化过的,外观比浏览器自带的要漂亮许多.另外,这 ...
- 一款基于jQuery的联动Select下拉框
今天我们要来分享一款很实用的jQuery插件,它是一个基于jQuery多级联动的省市地区Select下拉框,并且值得一提的是,这款联动下拉框是经过自定义美化过的,外观比浏览器自带的要漂亮许多.另外,这 ...
- [ PHP+jQuery ] ajax 多级联动菜单的应用:电商网站的用户地址选择功能 ( 二 ) - 仿亚马逊下拉面板
/** jQuery version: 1.8.3 Author: 小dee Date: 2014.11.8 */ 接上一篇博客. 实现带缓存的仿亚马逊下拉面板 效果图: 图1 初始 图2 点击省份 ...
随机推荐
- Codeforces 1139D Steps to One dp
Steps to One 啊, 我要死了, 这种垃圾题居然没写出来, 最后十分钟才发现错在哪. 不知道为什么我以为 对于一个数x , 除了它的因子和它的倍数都是和它互质的, 我脑子是抽了吗? 随便瞎d ...
- Fiddler的安装与使用
Fiddler是位于客户端和服务器端之间的代理,也是目前最常用的抓包工具之一 .它能够记录客户端和服务器之间的所有 请求,可以针对特定的请求,分析请求数据.设置断点.调试web应用.修改请求的数据,甚 ...
- BZOJ3862 Little Devil I 树链剖分
原文链接http://www.cnblogs.com/zhouzhendong/p/8081514.html 题目传送门 - BZOJ3862 题意概括 一棵树,n个点,边权为黑或者白,支持3重操作: ...
- java生成二维码以及读取案例
今天有时间把二维码这块看了一下,方法有几种,我只是简单的看了一下 google 的 zxing! 很简单的一个,比较适合刚刚学习java的小伙伴哦!也比较适合以前没有接触过和感兴趣的的小伙伴,o ...
- 实践出真知-所谓"java没有指针",那叫做引用!
java没有指针,那我们如何实现动态数组呢? 上篇评论提及 ”不仅有vector,还有ArrayList,还有List,可做选择“. "java没有指针",那叫做引用! 今天尝试了 ...
- 6491: Daydream
题目描述 You are given a string S consisting of lowercase English letters. Another string T is initially ...
- Java代码混淆工具ProGuard
目录 Java代码混淆工具ProGuard 简介 描述 作用的环境 功能 工作原理 下载 使用时注意事项 版本问题 JDK位数问题 Java的字节码验证问题 关于使用类似于Hibernate的对象关系 ...
- Linux系统开发之路-中
4.Linux的安装(Windows环境下): 1)Windows环境需要借助虚拟机来安装Linux系统,这个推荐使用的软件是VMWare,官网能下载到的最新版本是Workstation Pro15. ...
- C# LnkHelper
using System; using System.Collections.Generic; using System.Text; using Microsoft.Win32; using Syst ...
- jmeter正则表达式提取器提取特定字符串后的全部内容
jmeter进行JDBC请求时,请求后的响应结果在传递给下一个请求使用时,需要用到关联,也在jmeter中,关联通过正则表达式提取器实现. 但是,在JDBC请求后的响应结果中,往往需要关联的内容是只有 ...