基于JQuery的Select级联
来源:互联网 发布:淘宝客服主管考核表 编辑:程序博客网 时间:2024/05/17 15:36
$(document).ready(function(){$("#precinct").change(function(){$("#ptype").val("");//重置所有$("#stype").html("");$("#stype").append("<option value=\"\">--请选择--</option>");});//监听专利类型change事件 $("#ptype").change(function(){ var ptype = $(this); var atype = $(this).val();//对象值 var pid = $("#precinct").val(); if (!ptype.data(atype)) {//从缓存里拿到值得话不需要再和服务器交互 $.post("Main/PatentSubsidy/getSubsidy",{askfor:atype,precinct:pid},function(json){//返回json对象 $("#stype").html("");//清空#stype下拉框 for(var i=0;i<json.length;i++){ //添加一个 $("#stype").append("<option value='"+json[i].id+"'>"+json[i].value+"</option>"); }; ptype.data(atype, json); //以#ptype的值为key加入到缓存 },'json'); }else{ var json = ptype.data(atype);//取缓存 $("#stype").html(""); for(var i=0;i<json.length;i++){ //添加一个 $("#stype").append("<option value='"+json[i].id+"'>"+json[i].value+"</option>"); }; } }); });
根据#precinct和#ptype取得#stype
action method
public void getSubsidy(){String askfor=null,precinct=null;if(null!=getPara("askfor")&&!"".equals(getPara("askfor"))){askfor=getPara("askfor");if(null!=getPara("precinct")&&!"".equals(getPara("precinct"))){precinct=getPara("precinct");}}else{renderJson("[{\"id\":\"\",\"value\":\"--请选择--\"}]");//传空值,返回}String sql = "select s.id, s.subsidy_type, p.name from org_subsidy_flow s, tab_precinct p where s.enabled = 'true' and p.status = '1' and s.patent_type = '" + askfor + "' and s.precinct = p.id";if(null!=precinct&&!"".equals(precinct)){sql += " and p.id = "+precinct;}sql += " order by p.id, s.id";List<Org_subsidy_flow> sf = Org_subsidy_flow.dao.find(sql);if(sf.size()!=0){StringBuffer buffer = new StringBuffer();for(int i=0;i<sf.size();i++){buffer.append("{\"id\" : \""+sf.get(i).getInt("id")+"\" , \"value\" : \""+sf.get(i).getStr("subsidy_type")+" -- "+sf.get(i).getStr("name")+"\"},");}if(buffer.length()!=0){renderJson("["+buffer.substring(0, buffer.length()-1).toString()+"]");}}else{renderJson("[{\"id\":\"\",\"value\":\"--请选择--\"}]");}}
0 0
- 基于JQuery的Select级联
- 基于JQuery的Select下拉框下拉框联动(级联)
- 使用Jquery进行select的级联操作
- 基于jQuery的select控件
- select元素+jQuery 级联操作
- SuperFish一款基于jQuery的级联下拉菜单
- 一个基于json+jquery+SSH2的级联制作
- 基于Jquery的模拟Select下拉菜单
- 使用jQuery实现select级联效果
- jquery ajax级联二级下拉,jquey select级联
- jsp jquery实现级联菜单,jquery对select元素的简单操作
- 关于SELECT的无限级联
- 关于select的无限级联
- select下拉列表的级联
- 级联select
- select 级联
- 基于jQuery的二级联动<select>
- 利用jquery实现select下拉框级联效果
- TCP/IP中32位IP地址与字符串转化
- Nginx Location配置总结
- XAMPP服务器在局域网只能本机访问且无法用IP访问的解决办法
- DevExpress.LookUpEdit控件实现自动搜索定位功能
- Java中的多线程
- 基于JQuery的Select级联
- git:解决git错误:fatal: The remote end hung up unexpectedly
- CloudStack 网络
- 一本对程序员很重要的书。
- Android中比较实用的书籍
- JSFL:选择你的元件输出名字
- Hadoop2.2.0 + HBase0.96.1.1部署实践
- PHP session
- FIXML and FpML - Background, Comparison, Integration & Interoperability Opportunities