jquery는 지방 및 도시 선택 드롭다운 상자(샘플 코드)_jquery를 대체합니다.

시·도 대응 구현 : <아직도 캡슐화되지 않은 부분이 있습니다>

도시 콘텐츠를 결정하기 위한 더 많은 선택적인 지역

jsp 코드:

코드 복사 코드는 다음과 같습니다.

성
--선택하세요--
푸젠
베이징
산둥
상하이

현, 시< ;select id="sel2">
--선택하세요--

js 코드:

코드 복사 코드는 다음과 같습니다.

appendShi(shi) {//문자열 접합, 도시 지역 접합
var fjs='';
for(var i=0;i {
fjs = '' shi[i] '';
}
return fjs;
}
$(function() {
var Prince = [ '푸젠','베이징','산둥','상하이'];
var fjs = ['샤먼','취안저우','푸저우'];
var bjs = ['베이징',' 조양 District','Hidian District','Pinggu District'];
var shs = ['황포구','창닝구','바오산구','가딩구'];
var sds = [ ' 지난','칭다오','옌타이','르자오','라이우','sss'];

$("select[name='prin']").change(function() {
var shi = $("#sel2");//두 번째 선택 가져오기
var prin = $("select[name='prin'][select option:selected]");// 선택한 ID의 값
var newShiSel = $('--선택하세요--');//
if (prin.val() == '푸젠'){
newShiSel.append(appendShi(fjs))
}
if (prin.val() == '베이징') {
newShiSel.append(appendShi(bjs));
}
if (prin.val() == '상하이') {
newShiSel.append(appendShi(shs)); }
if (prin.val() == 'Shandong') {
newShiSel.append(appendShi(sds))
}
shi.replaceWith(newShiSel);
} ) ;
});