jqueryで都道府県・市区町村選択ドロップダウンボックスの置き換えを実現（サンプルコード）_jquery

州と都市に対応する実装:

都市の内容を決定するためのより選択的な州

jsp コード:

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

省
--選択してください--
福建省
北京
山東
上海

県、都市< ;select id="sel2">
--選択してください--

js コード:

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

function appendShi(shi) {//文字列の結合、市街地の結合
var fjs='';
for(var i=0;i {
fjs = '' shi[i] '';
}
return fjs;
}
$(function() {
var Prince = [ '福建','北京','山東','上海'];
var fjs = ['アモイ','泉州','福州'];
var bjs = ['北京',' 朝陽区','海淀区','平谷区'];
var shs = ['黄浦区','長寧区','宝山区','嘉定区'];
var sds = [ '済南','青島','煙台','日照','莱蕪','sss'];

$("select[name='prin']").change(function() {
var shi = $("#sel2");// 2 番目の select を取得します
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() == '山東') {
newShiSel.append(appendShi(sds));
}
shi.replaceWith(newShiSel);
} ) ;
});