本篇文章主要是對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); }); });