layui 기반 성도 3급 연결 (데이터 상호작용)
그래서layui의 하단 상자와 리셋을 빌려ajax로 동적 성도 3급 연결을 요청합니다
말이 많지 않으면 코드를 말해라.
html 코드:
"labcon layui-form farm_selet">
"province">
"city">
"area">
"area_text">
js 코드는 다음과 같습니다.
//
function provincialLevel(){
/* */
getPost(urlListByParentId,{"parentId":0},localStorage.getItem("ACCESSTOKEN"),function(res){
if(res.respCode == 0){
if(res.obj.list.length>0){
var str="";
res.obj.list.forEach(function(ele,index){
str='+ele.areaName+'';
$('.company_info .province select').append(str);
})
form.render('select');
}
}
})
/* */
form.on('select(province)',function(data){
$('.company_info .city select').empty();//
$('.company_info .city select').html('');
$('.company_info .area select').empty();
$('.company_info .area select').html('');
if(data.value){
var ajaxJson = {
"parentId":data.value
}
getPost(urlListByParentId,ajaxJson,localStorage.getItem("ACCESSTOKEN"),function(res){
if(res.respCode == 0){
if(res.obj.list.length>0){
var str="";
res.obj.list.forEach(function(ele,index){
str='+ele.areaName+'';
$('.company_info .city select').append(str);
})
form.render('select');
}
}
})
}
})
/* */
form.on('select(city)',function(data){
$('.company_info .area select').empty();//
$('.company_info .area select').html('');
if(data.value){
var ajaxJson = {
"parentId":data.value
}
getPost(urlListByParentId,ajaxJson,localStorage.getItem("ACCESSTOKEN"),function(res){
if(res.respCode == 0){
if(res.obj.list.length>0){
var str="";
res.obj.list.forEach(function(ele,index){
str='+ele.areaName+'';
$('.company_info .area select').append(str);
})
form.render('select');
}
}
})
}
})
} 전반적으로 말하면 비교적 간단하다. 그의 논리를 이해하는 것은 사실 매우 간단하다. 봉해서 가져가 써라.
전재 대상:https://juejin.im/post/5ba0be745188255c6815765a
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.