萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery實現省市select下拉框的替換

jquery實現省市select下拉框的替換

 本篇文章主要是對jquery實現省市select下拉框的替換(示例代碼)進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

省市對應的實現:<還有一些沒封裝起來>    更具選擇的省份來確定市的內容   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);  }); });  
copyright © 萬盛學電腦網 all rights reserved