JQuery_jqueryに基づいてカスケードを選択します

コードをコピー コードは次のとおりです。

$(document).ready(function(){


$("#precinct").change(function(){
$("#ptype").val("");//すべてリセット
$("# stype" ).html("");
$("#stype").append("--選択してください--");
}) ;

//特許タイプ変更イベントをリッスン
$("#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("");//Clear#stypeドロップダウン ボックス
for(var i=0;i// $("#stype").append( "" json[i].value ""); ;
ptype.data(atype, json) ; // #ptype 値をキーとしてキャッシュに追加します
},'json');
var json = ptype. data(atype); //キャッシュを取得します
$ ("#stype").html("");
for(var i=0;i/ /
$("#stype") を追加します。append("" json[i].value "");
};
}
});


#precinct と #ptype

アクションに基づいて #stype を取得します。メソッド

コードをコピー

コードは次のとおりです。 public void getSubsidy(){ String askfor=null,precinct=null; if(null!= getPara("askfor")&&!"".equals(getPara("askfor"))){

askfor=getPara("askfor" );

if(null!=getPara("校区")&&! "".equals(getPara("校区")){
precinct=getPara("校区"); >}else{
renderJson("[{"id":"" ,"value":"--選択してください--"}]");//null 値を渡し、
を返します}
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 = " p.id、s.id で並べ替えます";
List sf = Org_subsidy_flow.dao.find(sql);
if(sf.size()!=0){
StringBuffer = new StringBuffer();
for(int i=0;ibuffer.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":"--選択してください--"}]");