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){//Return json object
$("#stype").html("");//Clear#stype드롭다운 상자
for(var i=0;i//< 추가 🎜>$("#stype").append( "" json[i].value "")
} ;
ptype.data(atype, json) ; //#ptype 값을 캐시에 키로 추가합니다
},'json')
}else{
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("precinct")&&! "".equals(getPara("precinct"))){
precinct=getPara("precinct")
}
}else{
renderJson("[{"id":"" ,"value":"--선택하세요--"}]");//null 값을 전달하고
을 반환합니다.
문자열 sql = "org_subsidy_flow s에서 s.id, s.subsidy_type, p.name 선택, tab_precinct p 여기서 s.enabled = 'true' 및 p.status = '1' 및 s.patent_type = ''askfor "' 및 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;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":"--선택하세요--"}]")
}
}