因為要跟生日選擇的樣式一樣，自己自定義不了select標籤，所以用div結構配合js**寫，可能我基礎不太好，自己都覺得**有點繞，如果有更簡便的寫法，歡迎各路大佬能幫我指出
效果：
html結構：
所在城市：
選擇省/市
css（城市選擇器部分）：
.textbigbox_aaa_sona
.textbigbox_aaa_sonb
.birthdaytou
.day_box
.birthday_box
.birthday_box_son
.marginleftbox1
.marginleftbox2
.birthday_box_son>div
js：先在html頭部引入:
以下是province.js內容（城市陣列是另外找的）：
var provincelist = [
,]},
,]},
,]},,,
]},,,,
,,,,
,,,,
,,,,
,,,,
,]},,,
,,,,
,,]},,,,
,,,,
,,,,
,,,,
]},,,,
,,,]},,,
,,,,
,,,,
,,,,
,,]},,,,
,,,,
,,,,
,,]},,,,
,,,,
,,,,
,,]},,,,
,,,,
,,,,
,,,,
,,,,
,]},,,
,,,,
,,,,
,,,]},,,
,,,,
,,,]},,,
,,,,
,,,,
,,,]},,,
,,,,
,]},,,
,,]},,,,
,,,,
,,,,
,,,]},,,
,,,,
,,,,
]},,,,
,,,,
,,,]},,,
,,,,
,,,,
,]},,,
,,,,
,,,,
,,]},,,,
,,,,
,,,]},,,
,,,,
,,,,
,,,,
,,]},,,,
,,,,
,]},,,
,,,,
,,,,
]},,,,
,,,,
,,,,
,,,,
,]},,,
,,,,
,,,,
,,,]},,,
,,,,
,,]},,,,
,,,,
,,,,
,]},,,
]},,,];
// console.log(provincelist);
// 城市選擇器
var provincearr = ;
var cityarr = ;
for (var j=0;j
provincearr.push(provincelist[j].name);
cityarr.push(provincelist[j].citylist);
}$("#city1").ready(function()
$("#city1num").click(function())
var city = cityarr[provinceid];
for (var k=0;k
var newcity2 = document.createelement('div');
newcity2.innerhtml = city[k].name;
}$("#city2").show();
$("#city2>div").off().on('click', function())
})$("#city1>div").off().on('click', function())
$("#city2>div").off().on('click', function())
var country = cityarr[provinceid][cityid].arealist;
for (var m=0;m
var newcity3 = document.createelement('div');
newcity3.innerhtml = country[m];
}$("#city3").show();
$("#city3>div").off().on('click', function())
})})
})})
})})
})})
jq常用選擇器
jquery 使用 css 選擇器來選取 html 元素。div 選取 元素。p.intro 選取所有 class intro 的 元素。p demo 選取所有 id demo 的 元素。jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。href 選取所有帶有 href 屬性的元素。h...
jq選擇器總結
js選擇 var test document.getelementbyid test var parent test.parentnode 父節點 var chils test.childnodes 全部子節點 var first test.firstchild 第乙個子節點 var last te...
JQ常用選擇器總結
1 常用選擇器 myelement 選擇id為myelement的元素，唯一元素 div 選擇所有的div標籤元素，返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素，可用多種的選擇方式聯合選擇 例如 myelement,div,myclass 2...