基于JQuery实现的Select级联_Javascript教程-查字典教程网
基于JQuery实现的Select级联
基于JQuery实现的Select级联
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:$(document).ready(function(){$("#precinct").change(function()...

复制代码 代码如下:

$(document).ready(function(){

$("#precinct").change(function(){

$("#ptype").val("");//重置所有

$("#stype").html("");

$("#stype").append("<option value="">--请选择--</option>");

});

<span> </span>//监听专利类型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("");//清空<span>#stype</span>下拉框

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":"--请选择--"}]");

}

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类