jqueryは省市selectドロップダウンボックスの置換を実現する(サンプルコード)
1884 ワード
省市対応の実現:
市の内容を特定するためにより選択された省
jspコード:
jsコード:
市の内容を特定するためにより選択された省
jspコード:
、
jsコード:
function appendShi(shi) {// ,
var fjs='';
for(var i=0;i {
fjs += '';
}
return fjs;
}
$(function() {
var prince = [' ',' ',' ',' '];
var fjs = [' ',' ',' '];
var bjs = [' ',' ',' ',' '];
var shs = [' ',' ',' ',' '];
var sds = [' ',' ',' ',' ',' ','sss'];
$("select[name='prin']").change(function() {
var shi = $("#sel2");// select
var prin = $("select[name='prin'][select option:selected]");//
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);
});
});