- 浏览: 5778718 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (890)
- WindowsPhone (0)
- android (88)
- android快速迭代 (17)
- android基础 (34)
- android进阶 (172)
- android高级 (0)
- android拾遗 (85)
- android动画&效果 (68)
- Material Design (13)
- LUA (5)
- j2me (32)
- jQuery (39)
- spring (26)
- hibernate (20)
- struts (26)
- tomcat (9)
- javascript+css+html (62)
- jsp+servlet+javabean (14)
- java (37)
- velocity+FCKeditor (13)
- linux+批处理 (9)
- mysql (19)
- MyEclipse (9)
- ajax (7)
- wap (8)
- j2ee+apache (24)
- 其他 (13)
- phonegap (35)
最新评论
-
Memories_NC:
本地lua脚本终于执行成功了,虽然不是通过redis
java中调用lua脚本语言1 -
ZHOU452840622:
大神://处理返回的接收状态 这个好像没有监听到 遇 ...
android 发送短信的两种方式 -
PXY:
拦截部分地址,怎么写的for(int i=0;i<lis ...
判断是否登录的拦截器SessionFilter -
maotou1988:
Android控件之带清空按钮(功能)的AutoComplet ...
自定义AutoCompleteTextView -
yangmaolinpl:
希望有表例子更好。。。,不过也看明白了。
浅谈onInterceptTouchEvent、onTouchEvent与onTouch
详细介绍看这里
http://blog.csdn.net/lee576/archive/2008/11/24/3362512.aspx
html中的2个普通select
先倒入2个插件:
<script language="javascript" type="text/javascript" src="js/jQuery.FillOptions.js"></script>
<script language="javascript" type="text/javascript" src="js/jQuery.CascadingSelect.js"></script>
java代码处理2个请求
添加一个列表项的插件AddOption(已整合进FillOptions),这个比较简单,用来向下拉列表框中添加一个列表项。
定义如下:
AddOption (text,value,selected,index)
参数说明:
text:文本型,列表项文本
value:文本型,列表项值
selected:布尔型,是否选择加入的列表项
index:数值型,加入位置
实例如下:
$("#select2").AddOption("请选择城市","-1",true,0);
实例说明:
向select2最上端插入一个文本为“请选择城市”,值为”-1“的列表项,并且是选中状态
/////////////////////////////
在FillOptions()下增加
/*解决ie浏览器的刷新 selected的不起作用
http://support.microsoft.com/kb/185123/zh-cn */
if($.browser.msie &&
selected) {
$('option[value='+selected+']',this).attr('selected',true);
}
http://blog.csdn.net/lee576/archive/2008/11/24/3362512.aspx
html中的2个普通select
<select id="province"></select> <select id="city"></select>
先倒入2个插件:
<script language="javascript" type="text/javascript" src="js/jQuery.FillOptions.js"></script>
<script language="javascript" type="text/javascript" src="js/jQuery.CascadingSelect.js"></script>
$("#province").FillOptions( "flexGridServlet.do?action=getProvince", { datatype:"json", textfield:"province", valuefiled:"provinceID", //selectedindex:0,//填充并选中第1项 keepold:true//填充并且保留原有项 } ); $("#province").AddOption("请选择省份:","-1",true,0);//最上端插入一个文本为“请选择省份“,值为”-1“的列表项,并且是选中状态 $("#city").AddOption("请选择城市:","-1",true,0); $("#province").CascadingSelect( $("#city"),//需要联动的下拉列表框,必须 "flexGridServlet.do?action=getCity", {datatype:"json",textfield:"city",valuefiled:"cityID",parameter:"p"},//通过设置parameter:”p”这个参数会生成一个"handler1.ashx?p=xxx”这样的地址来做ajax请求 function(){//完成联动后执行 //log.info("测试"); } );
java代码处理2个请求
if("getProvince".equals(action)){ System.out.println("--------------------getProvince--------------------"); // String json="[{'provinceID':'110000','province':'北京市'}," + // "{'provinceID':'120000','province':'天津市'}," + // "{'provinceID':'310000','province':'上海市'}" + // "]"; String path=this.getServletContext().getRealPath("/")+"province.txt";//这个文件中的内容就是上面注释掉的json BufferedReader br=new BufferedReader(new InputStreamReader(new FileInputStream(path),"UTF-8")); StringBuffer sb=new StringBuffer(); String s; while((s=br.readLine())!=null){ sb.append(s); } br.close(); String json=sb.toString(); System.out.println("json="+json); /*xml测试 String xml="<DocumentElement>" + "<table><provinceID>110000</provinceID><province>北京市</province></table>" + "<table><provinceID>120000</provinceID><province>天津市</province></table>" + "<table><provinceID>310000</provinceID><province>上海市</province></table>" + "</DocumentElement>"; response.getWriter().write(xml); */ /*非文件测试 JSONArray array=new JSONArray(); try { for(int i=0;i<5;i++){ JSONObject object = new JSONObject(); object.append("provinceID", "11000"+i); object.append("province", "北京市"+i); array.put(object); } } catch (JSONException e) { e.printStackTrace(); } System.out.println("object="+array.toString()); response.getWriter().write(array.toString()); */ response.getWriter().write(json); response.getWriter().flush(); response.getWriter().close(); return; } if("getCity".equals(action)){ System.out.println("--------------------getCity--------------------"); String json=""; String provinceID=request.getParameter("p"); System.out.println("provinceID="+provinceID); if(provinceID.equals("110000")){ json="[{'cityID':'1','city':'北京'}]"; }else if(provinceID.equals("120000")){ json="[{'cityID':'2','city':'天津'}]"; } else if(provinceID.equals("310000")){ json="[{'cityID':'3','city':'上海'}]"; }else if(provinceID.equals("130000")){ json="[{'cityID':'4','city':'石家庄'}," + "{'cityID':'5','city':'石家庄2'}"+ "]"; }else{ json="[]"; } System.out.println("object="+json); response.getWriter().write(json); response.getWriter().flush(); response.getWriter().close(); return; }
添加一个列表项的插件AddOption(已整合进FillOptions),这个比较简单,用来向下拉列表框中添加一个列表项。
定义如下:
AddOption (text,value,selected,index)
参数说明:
text:文本型,列表项文本
value:文本型,列表项值
selected:布尔型,是否选择加入的列表项
index:数值型,加入位置
实例如下:
$("#select2").AddOption("请选择城市","-1",true,0);
实例说明:
向select2最上端插入一个文本为“请选择城市”,值为”-1“的列表项,并且是选中状态
/////////////////////////////
在FillOptions()下增加
/*解决ie浏览器的刷新 selected的不起作用
http://support.microsoft.com/kb/185123/zh-cn */
if($.browser.msie &&
selected) {
$('option[value='+selected+']',this).attr('selected',true);
}
- CascadingDropDown.rar (327.3 KB)
- 下载次数: 524
发表评论
-
jquery动态实现填充下拉框
2010-01-15 20:37 4682项目需要实现一个功能 当点下拉框时动态加载后台数据。 这是后台 ... -
使用jQuery动态绑定事件插件livequery弥补live的不足
2009-12-25 15:05 8831jquery1.3.2的动态绑定事件方法live不支持blur ... -
JQuery插件: moreSelectors为jQuery提供更多的选择器
2009-12-15 15:46 2015为jQuery提供更多的选择器 http://www.soft ... -
JQuery解析Json
2009-12-11 10:15 2429var arr1 = [ "one", ... -
jquery最大化窗口
2009-12-11 10:13 5801<script type="text/ja ... -
JQuery解析xml
2009-12-11 10:04 3211java类中 response.setContent ... -
Jquery ajax跨域访问的问题
2009-12-11 10:02 2508$(document).ready(function(){ ... -
jQuery插件flexiGrid的完全使用,附代码下载
2009-12-10 15:52 35942在这个例子中其实不光使用了flexiGrid,还有 <s ... -
jQuery图片放大镜插件jqzoom
2009-12-09 16:33 3989<html> <head> & ... -
jquery操作select
2009-12-07 16:23 8787//得到select项的个数 jQuery.fn.s ... -
javascript调试工具:Blackbird
2009-12-07 11:38 4188You might never use alert() aga ... -
基于jQuery的FlexiGrid的插件使用和改造
2009-11-30 15:13 16098已不推荐下载,如要下载去这个连接下载最新的 http://gu ... -
最简单的FlexiGrid使用(静态的)
2009-11-27 14:41 3103<link rel="styleshe ... -
jquery插件FlexiGrid的使用(已更新)
2009-11-27 13:51 47408已不推荐下载,如要下载去这个连接下载最新的 http://gu ... -
jQuery之下拉菜单
2009-09-30 13:49 1976<!DOCTYPE html PUBLIC &quo ... -
jquery Tooltips插件cluetip
2009-09-27 13:46 4718demo: http://plugins.learningjq ... -
jQuery插件linkButton
2009-09-23 10:34 11590linkButton是一个可以把<a href=&quo ... -
jQuery插件Font effect实现Javascript文字特效
2009-09-17 20:54 5765http://www.biuuu.com/p837.html ... -
jQuery插件animateToClass实现javascript自定义动画效果
2009-09-17 20:52 8222或许使用这个JavaScript库也可以达到自定义动画的功能: ... -
简单几招学会如何制作jQuery插件
2009-09-17 20:42 4299在使用jQuery[write less,do more]开发 ...
相关推荐
jquery cxselect联动插件select多级联动下拉菜单 jquery cxselect联动插件select多级联动下拉菜单 jquery cxselect联动插件select多级联动下拉菜单 jquery cxselect联动插件select多级联动下拉菜单
jquery select2 select美化插件
jQuery模拟select下拉框插件是一款支持多选和单选下拉框菜单选中代码。
jquery-1.8.0.min.js版本jquery,该插件并非是省市级联动,省市级联动五级插件数据量太大,不便于个人需求修改,该插件轻量级方便易用!
jQuery移动端省市二级联动选择插件.zip
jQuery 插件编写的select三级联动,多级联动,修改方便,扩展方便
使用JQuery封装的Select&Checkbox&Radio脚本-维豪信息技术有限公司内部, 通过 firefox, ie等系列浏览器测试.
jquery 超级select插件 v4.0版本
jquery四级联动插件城市选择下拉菜单代码
jQuery多级联动插件 tntreebox插件支持多级联动,真实有效,请放心下载,如若无效可以投诉哦。
jquery三级联动插件CitySelect
一组经过美化的jQuery select下拉框单选和多选插件,带搜索功能,模拟select下拉框多选菜单选择效果。
jQuery的省市联动关联表单</title> <link href="css/layout.css?3.1.64" rel="stylesheet" type="text/css" /> [removed][removed] </head> <body>[removed][removed] <!--...
Jquery模拟select效果实现,纯自写,简单实用,可自行修改样式。
jquery插件城市二级联动 使用简单 数据是以微信地区数据为例
jquery 封装select实现select自定义样式的完美插件jquery.easydropdown.min.js
district 是一款 jQuery 插件,主要用于多级菜单联动(如省市县),可根据自己需求定制。支持 jQuery.select2(优化下拉菜单插件)插件,支持原生 select(下拉菜单)。
简单实用的jquery select2组件
jQuery下拉列表select美化插件jQselectable jQuery下拉列表select美化插件jQselectable jQuery下拉列表select美化插件jQselectable jQuery下拉列表select美化插件jQselectable
带select下拉选择框美化的jQuery省市区三级联动插件,网络上很多城市三级联动选择插件,但是 大部分是采用传统的select下拉框选择,本插件利用ul模拟美化select选择框,界面还是很不错的 最终选择的值会赋值到隐藏...