jQuery的四級聯下拉式選單程式碼
jQuery四級聯下拉選單代碼,三級四級聯動城市選擇省,市,區選擇,也支援街道地址選擇代碼,配送地址四級聯動菜單js特效。
部分js程式碼
<script type="text/javascript">
var $town = $('#demo3 select[name="town"]');
var townFormat = function(info){
$town.hide().empty();
if(info['code']%1e4&&info['code']<7e5){ //是否為「區」且不是港澳台地區
$.ajax({
url:'http://passer-by.com/data_location/town/'+info['code']+'.json',
dataType:'json',
success:function(town){
$town.show();
for(i in town){
$town.append('<option value="'+i+'">'+town[i]+'</option>');
}
}
});
}
};
$('#demo3').citys({
province:'福建',
city:'廈門',
area:'思明',
onChange:function(info){
townFormat(info);
}
},function(api){
var info = api.getInfo();
townFormat(info);
});
</script>
部分js程式碼
<script type="text/javascript">
var $town = $('#demo3 select[name="town"]');
var townFormat = function(info){
$town.hide().empty();
if(info['code']%1e4&&info['code']<7e5){ //是否為「區」且不是港澳台地區
$.ajax({
url:'http://passer-by.com/data_location/town/'+info['code']+'.json',
dataType:'json',
success:function(town){
$town.show();
for(i in town){
$town.append('<option value="'+i+'">'+town[i]+'</option>');
}
}
});
}
};
$('#demo3').citys({
province:'福建',
city:'廈門',
area:'思明',
onChange:function(info){
townFormat(info);
}
},function(api){
var info = api.getInfo();
townFormat(info);
});
</script>
免責聲明
本站所有資源皆由網友貢獻或各大下載網站轉載。請自行檢查軟體的完整性!本站所有資源僅供學習參考。請不要將它們用於商業目的。否則,一切後果都由您負責!如有侵權,請聯絡我們刪除。聯絡方式:admin@php.cn
相關文章
如何使用 C# 簡化 ASP.NET MVC 3 中的級聯下拉式選單?
11 Jan 2025
透過建立級聯下拉列表來簡化 ASP.NET MVC 3 中的級聯下拉列表,其中一個下拉列表的選項取決於...的選擇
如何在 jQuery Mobile 中準確計算內容高度以填滿頁首和頁尾之間的空間?
27 Dec 2024
使用 jQuery Mobile 增強網頁的內容高度計算有效地填入 jQuery 中頁首和頁尾之間的空間...
如何從 jQuery 中的 AJAX 回應中提取特定資料?
25 Dec 2024
在 jQuery 中使用 AJAX 請求回呼:提取特定資料使用 jQuery 的 AJAX 功能時,經常會遇到以下情況...
Hot Tools
jQuery2019情人節表白放煙火動畫特效
一款抖音上很火紅的jQuery情人節表白放煙火動畫特效,適合程式設計師、科技宅用來向心愛的女孩告白,無論你選擇願意或不願意,到最後都得同意。
layui響應式動畫登入介面模板
layui響應式動畫登入介面模板
520情人節表白網頁動畫特效
jQuery情人節表白動畫、520表白背景動畫
酷炫的系統登入頁
酷炫的系統登入頁
HTML5卡音樂播放器-CASSETTE PLAYER
HTML5卡音樂播放器-CASSETTE PLAYER
熱門文章
崩壞:星穹鐵道 - 所有金色替罪羊謎題解決方案
18 Jan 2025
手游攻略
印第安納瓊斯與大圈:高棉齒輪位置指南
27 Dec 2024
手游攻略
印第安納瓊斯與大圓圈:軌跡 Boss 戰鬥指南
24 Dec 2024
手游攻略
如何在SQL中隨機選擇行?
17 Jan 2025
mysql教程
Tales Of Graces F 重製版:所有鎖定的寶箱密碼
18 Jan 2025
手游攻略