你可以將所有的地區(qū)做成一個數(shù)組
創(chuàng)新互聯(lián)是專業(yè)的臨海網(wǎng)站建設公司,臨海接單;提供成都網(wǎng)站設計、網(wǎng)站建設,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行臨海網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
比如$area=array(
[1]=array('name'=’北京‘,'son_arr'='2,3,4','parent_arr'='0'),
[2]=array('name'=’海淀區(qū)‘,'son_arr'='0','parent_arr'='1'),
[3]=array('name'=’宣武區(qū)‘,'son_arr'='0','parent_arr'='1'),
[4]=array('name'=’崇文區(qū)‘,'son_arr'='0','parent_arr'='1'),
[5]=array('name'=’山東‘,'son_arr'='6,7','parent_arr'='0'),
[6]=array('name'=’濰坊‘,'son_arr'='8,9','parent_arr'='5'),
[7]=array('name'=’煙臺‘,'son_arr'='10,11','parent_arr'='5'),
[8]=array('name'=’濰城區(qū)‘,'son_arr'='0','parent_arr'='6'),
[9]=array('name'=’寒亭區(qū)‘,'son_arr'='0','parent_arr'='6'),
);
類似這樣的數(shù)組;
然后你可以寫一個area.php
?php
$areaid=intval($_GET['aid']);
$area=上面的數(shù)組;
$arr=array();
foreach($area as $k=$v){
if($v['parentid']==$areaid){
$arr[$k]=$v;
}
}
這樣你就得到他子地區(qū)的數(shù)組了!
然后你想怎么輸出都可以!
你問的是什么啊?
地區(qū)級聯(lián)常做的就是在第一個下拉框中綁定一個下拉事件,事件中是獲取第一個下拉框對象的下級區(qū)域,并更新到第二個下拉框中
1.?[代碼]新增選擇城市????
$(function(){
$("#province").cityCasCade("#city").cityCasCade('select','河南省');
//or
$("#province").cityCasCade("#city").cityCasCade('select','河南省','開封市');
}
/**
*?java?diqye
*?城市數(shù)據(jù)時從網(wǎng)上Copy的
*?級聯(lián)功能也是參考網(wǎng)上已做好的思路
*?封裝成插件為了以后使用方便
*?add?增加選中城市方法select
*/
(function($){
$.fn.cityCasCade?=?function(operation,province,city){
var?selectCity=null,params=null,overparams=null;
if(typeof?operation?==?"string"){
if(operation?==?"select"){
if(province){
$(this).find("option").each(function(){
if($(this).val()==province){
this.selected=true;
$(this).change();
if(city){
$($.fn.cityCascadeParam.selectCity).find("option").each(function(){
if($(this).val()==city){
this.selected=true;
$(this).change();
}
});
}
}
});
}
return?$(this);
}
selectCity=operation;
}
else{
if(operation.selector)selectCity=operation.selector;
if(operation.overideoperation.data)overparams=operation.data;
else?params=operation.data;
}
$.fn.cityCascadeParam?={};
$.fn.cityCascadeParam.data?=?_provinces_;
$.fn.cityCascadeParam.selectCity?=?null;
if(selectCity)?$.fn.cityCascadeParam.selectCity=selectCity;
else?throw?"城市選擇器不能為空";
$.fn.cityCascadeParam.cityValue=?$($.fn.cityCascadeParam.selectCity+":first").val();
$.fn.cityCascadeParam.cityText=?$($.fn.cityCascadeParam.selectCity+":first").text();
if(overparams)$.fn.cityCascadeParam.data=overparams;
else?$.extend($.fn.cityCascadeParam.data,?params);
$.fn.cityCascadeParam.loadProvince?=?function(self){
for(var?p?in?$.fn.cityCascadeParam.data){
var?opt=document.createElement("option");
opt.innerHTML=p;
opt.value=p;
self.appendChild(opt);
}
}
$.fn.cityCascadeParam.loadCity?=?function(parent){
var?self?=?$($.fn.cityCascadeParam.selectCity).get(0);
if(!self)?throw?"未找到城市下拉框?城市選擇器?"?+?$.fn.cityCascadeParam.selectCity;
var?selectProvince=$(parent).val();
if(selectProvince?in?$.fn.cityCascadeParam.data){
var?citys=$.fn.cityCascadeParam.data[selectProvince];
self.innerHTML="";
for(var?index=0;indexcitys.length;index++){
opt=document.createElement("option");
opt.innerHTML=citys[index];
opt.value=citys[index];
self.appendChild(opt);
}
}else{
self.innerHTML="";
opt=document.createElement("option");
opt.innerHTML=$.fn.cityCascadeParam.cityText;
opt.value=$.fn.cityCascadeParam.cityValue;
self.appendChild(opt);
}
}
this.each(function(){
$.fn.cityCascadeParam.loadProvince(this);
$(this).change(function(){
$.fn.cityCascadeParam.loadCity(this);
});
});
return?$(this);
}
})($);
var?_provinces_={四川省:["成都市","自貢市","攀枝花市","瀘州市","德陽市","綿陽市","廣元市","遂寧市","內江市","樂山市","南充市","眉山市","宜賓市","廣安市","達州市","雅安市","巴中市","資陽市","阿壩藏族羌族自治州","甘孜藏族自治州","涼山彝族自治州"],山西省:["太原市","大同市","陽泉市","長治市","晉城市","朔州市","晉中市","運城市","忻州市","臨汾市","呂梁市"],內蒙古:["呼和浩特市","包頭市","烏海市","赤峰市","通遼市","鄂爾多斯市","呼倫貝爾市","巴彥淖爾市","烏蘭察布市","興安盟","錫林郭勒盟","阿拉善盟"],遼寧省:["沈陽市","大連市","鞍山市","撫順市","本溪市","丹東市","錦州市","營口市","阜新市","遼陽市","盤錦市","鐵嶺市","朝陽市","葫蘆島市"],吉林省:["長春市","吉林市","四平市","遼源市","通化市","白山市","松原市","白城市","延邊朝鮮族自治州"],黑龍江省:["哈爾濱市","齊齊哈爾市","雞西市","鶴崗市","雙鴨山市","大慶市","伊春市","佳木斯市","七臺河市","牡丹江市","黑河市","綏化市","大興安嶺地區(qū)"],上海:["上海"],江蘇省:["南京市","無錫市","徐州市","常州市","蘇州市","南通市","連云港市","淮安市","鹽城市","揚州市","鎮(zhèn)江市","泰州市","宿遷市"],浙江省:["杭州市","寧波市","溫州市","嘉興市","湖州市","紹興市","金華市","衢州市","舟山市","臺州市","麗水市"],安徽省:["合肥市","蕪湖市","蚌埠市","淮南市","馬鞍山市","淮北市","銅陵市","安慶市","黃山市","滁州市","阜陽市","宿州市","巢湖市","六安市","亳州市","池州市","宣城市"],福建省:["福州市","廈門市","莆田市","三明市","泉州市","漳州市","南平市","龍巖市","寧德市"],江西省:["南昌市","景德鎮(zhèn)市","萍鄉(xiāng)市","九江市","新余市","鷹潭市","贛州市","吉安市","宜春市","撫州市","上饒市"],山東省:["濟南市","青島市","淄博市","棗莊市","東營市","煙臺市","濰坊市","濟寧市","泰安市","威海市","日照市","萊蕪市","臨沂市","德州市","聊城市","濱州市","菏澤市"],河南省:["鄭州市","開封市","洛陽市","平頂山市","安陽市","鶴壁市","新鄉(xiāng)市","焦作市","濮陽市","許昌市","漯河市","三門峽市","南陽市","商丘市","信陽市","周口市","駐馬店市"],湖北省:["武漢市","黃石市","十堰市","宜昌市","襄樊市","鄂州市","荊門市","孝感市","荊州市","黃岡市","咸寧市","隨州市","恩施土家族苗族自治州"],湖南省:["長沙市","株洲市","湘潭市","衡陽市","邵陽市","岳陽市","常德市","張家界市","益陽市","郴州市","永州市","懷化市","婁底市","湘西土家族苗族自治州"],廣東省:["廣州市","韶關市","深圳市","珠海市","汕頭市","佛山市","江門市","湛江市","茂名市","肇慶市","惠州市","梅州市","汕尾市","河源市","陽江市","清遠市","東莞市","中山市","潮州市","揭陽市","云浮市"],廣西省:["南寧市","柳州市","桂林市","梧州市","北海市","防城港市","欽州市","貴港市","玉林市","百色市","賀州市","河池市","來賓市","崇左市"],海南省:["海口市","三亞市"],重慶市:["重慶"],貴州省:["貴陽市","六盤水市","遵義市","安順市","銅仁地區(qū)","黔西南布依族苗族自治州","畢節(jié)地區(qū)","黔東南苗族侗族自治州","黔南布依族苗族自治州"],云南省:["昆明市","曲靖市","玉溪市","保山市","昭通市","麗江市","思茅市","臨滄市","楚雄彝族自治州","紅河哈尼族彝族自治州","文山壯族苗族自治州","西雙版納傣族自治州","大理白族自治州","德宏傣族景頗族自治州","怒江傈僳族自治州","迪慶藏族自治州"],西藏自治區(qū):["拉薩市","昌都地區(qū)","山南地區(qū)","日喀則地區(qū)","那曲地區(qū)","阿里地區(qū)","林芝地區(qū)"],陜西省:["西安市","銅川市","寶雞市","咸陽市","渭南市","延安市","漢中市","榆林市","安康市","商洛市"],甘肅省:["蘭州市","嘉峪關市","金昌市","白銀市","天水市","武威市","張掖市","平?jīng)鍪?,"酒泉市","慶陽市","定西市","隴南市","臨夏回族自治州","甘南藏族自治州"],青海省:["西寧市","海東地區(qū)","海北藏族自治州","黃南藏族自治州","海南藏族自治州","果洛藏族自治州","玉樹藏族自治州","海西蒙古族藏族自治州"],寧夏自治區(qū):["銀川市","石嘴山市","吳忠市","固原市","中衛(wèi)市"],新疆自治區(qū):["烏魯木齊市","克拉瑪依市","吐魯番地區(qū)","哈密地區(qū)","昌吉回族自治州","博爾塔拉蒙古自治州","巴音郭楞蒙古自治州","阿克蘇地區(qū)","克孜勒蘇柯爾克孜自治州","喀什地區(qū)","和田地區(qū)","伊犁哈薩克自治州","塔城地區(qū)","阿勒泰地區(qū)"],臺灣省:["臺北市"],香港特區(qū):["香港"],澳門特區(qū):["澳門"],河北省:["石家莊","唐山","秦皇島","張家口","承德","廊坊","邯鄲","邢臺","保定","滄州","衡水"]};
用combobox的onSelect事件,動態(tài)加載
$("#id1").combobox({
onSelect:function(record){
$('#id2').combobox({
?url:''
valueField?:?'id',
textField?:?'text' });
}
});//id1是你省combobox的id,id2是你市combobox的id
剛做了一個 實現(xiàn)2級級聯(lián)的下拉框 效果是這樣的:
根據(jù)第一個下拉框選中的數(shù)據(jù) 來顯示 第二個下拉框的數(shù)據(jù)
參考的是: 希望對你有幫助!
js操作select
1.判斷select選項中 是否存在Value="paraValue"的Item2.向select選項中 加入一個Item3.從select選項中 刪除一個Item4.修改select選項中 value="paraValue"的text為"paraText"5.設置select中text="paraText"的第一個Item為選中6.設置select中value="paraValue"的Item為選中7.得到select的當前選中項的value8.得到select的當前選中項的text9.得到select的當前選中項的Index10.清空select的項
11.獲取text的值-------------------------------------------//1.判斷select選項中 是否存在Value="paraValue"的Itemfunction jsSelectIsExitItem(objSelect,objItemValue){ var isExit = false; for(var i=0;iobjSelect.options.length;i++) { if(objSelect.options[i].value == objItemValue) { isExit = true; break; } } return isExit;}
//2.向select選項中 加入一個Itemfunction jsAddItemToSelect(objSelect,objItemText,objItemValue){ //判斷是否存在 if(jsSelectIsExitItem(objSelect,objItemValue)) { alert("該Item的Value值已經(jīng)存在"); } else { var varItem = new Option(objItemText,objItemValue);// objSelect.options[objSelect.options.length] = varItem; objSelect.options.add(varItem); alert("成功加入"); } }
//3.從select選項中 刪除一個Itemfunction jsRemoveItemFromSelect(objSelect,objItemValue){ //判斷是否存在 if(jsSelectIsExitItem(objSelect,objItemValue)) { for(var i=0;iobjSelect.options.length;i++) { if(objSelect.options[i].value == objItemValue) { objSelect.options.remove(i); break; } } alert("成功刪除"); } else { alert("該select中 不存在該項"); } }
//4.修改select選項中 value="paraValue"的text為"paraText"function jsUpdateItemToSelect(objSelect,objItemText,objItemValue){ //判斷是否存在 if(jsSelectIsExitItem(objSelect,objItemValue)) { for(var i=0;iobjSelect.options.length;i++) { if(objSelect.options[i].value == objItemValue) { objSelect.options[i].text = objItemText; break; } } alert("成功修改"); } else { alert("該select中 不存在該項"); } } //5.設置select中text="paraText"的第一個Item為選中function jsSelectItemByValue(objSelect,objItemText){ //判斷是否存在 var isExit = false; for(var i=0;iobjSelect.options.length;i++) { if(objSelect.options[i].text == objItemText) { objSelect.options[i].selected = true; isExit = true; break; } } //Show出結果 if(isExit) { alert("成功選中"); } else { alert("該select中 不存在該項"); } }
//6.設置select中value="paraValue"的Item為選中//document.all.objSelect.value = objItemValue;
//7.得到select的當前選中項的value//var currSelectValue = document.all.objSelect.value;
//8.得到select的當前選中項的text//var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;
//9.得到select的當前選中項的Index//var currSelectIndex = document.all.objSelect.selectedIndex;
//10.清空select的項// document.all.objSelect.options.length = 0;
//獲取select的text的值
$('bxhjxx').options[$('bxhjxx').selectedIndex].text
分享題目:jquery級聯(lián),jq三級聯(lián)動
文章來源:http://chinadenli.net/article0/dsdchoo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、做網(wǎng)站、網(wǎng)站策劃、軟件開發(fā)、、微信小程序
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)