jqueryは省都selectのフレーム引き替えを実現する(例コード)
省の対応の実現:<まだ実装されていないものがあります。>
より選択的な省で市の内容を確定する。
jspコード:
より選択的な省で市の内容を確定する。
jspコード:
<body>
<select name="prin">
<option>-- --</option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
</select>
、 <select id="sel2">
<option>-- --</option>
</select>
</body>
jsコード:
function appendShi(shi) {// ,
var fjs='';
for(var i=0;i<shi.length;i++)
{
fjs += '<option>' + shi[i]+ '</option>';
}
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 = $('<select id="sel2"><option>-- --</option></select>');//
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);
});
});