jqueryは省市selectドロップダウンボックスの置換を実現する(サンプルコード)

 
  
 
  
     
     --   -- 
        
        
        
        
       
  
    、  
     --   -- 
           
  
 
  
 
 

 
  
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");//     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); 
  
 }); 
  
});