亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

三級下拉菜單的實現(xiàn)

original 2019-03-21 11:42:59 327
abstrait:/*根據(jù)id獲取對象*/function $(str) {return document.getElementById(str);}var addrShow = $('addr-show');var btn = document.getElementsByClassName('met1')[0];var prov = $('prov');var ci

/*根據(jù)id獲取對象*/

function $(str) {

return document.getElementById(str);

}

var addrShow = $('addr-show');

var btn = document.getElementsByClassName('met1')[0];

var prov = $('prov');

var city = $('city');

var country = $('country');

/*用于保存當前所選的省市區(qū)*/

var current = {

prov: '',

city: '',

country: ''

};

/*自動加載省份列表*/

(function showProv() {

btn.disabled = true;

var len = provice.length;

for (var i = 0; i < len; i++) {

var provOpt = document.createElement('option');

provOpt.innerText = provice[i]['name'];

provOpt.value = i;

prov.appendChild(provOpt);

}

})();

/*根據(jù)所選的省份來顯示城市列表*/

function showCity(obj) {

var val = obj.options[obj.selectedIndex].value;

if (val != current.prov) {

current.prov = val;

addrShow.value = '';

btn.disabled = true;

}

//console.log(val);

if (val != null) {

city.length = 1;

var cityLen = provice[val]["city"].length;

for (var j = 0; j < cityLen; j++) {

var cityOpt = document.createElement('option');

cityOpt.innerText = provice[val]["city"][j].name;

cityOpt.value = j;

city.appendChild(cityOpt);

}

}

}

/*根據(jù)所選的城市來顯示縣區(qū)列表*/

function showCountry(obj) {

var val = obj.options[obj.selectedIndex].value;

current.city = val;

if (val != null) {

country.length = 1; //清空之前的內(nèi)容只留第一個默認選項

var countryLen = provice[current.prov]["city"][val].districtAndCounty.length;

if (countryLen == 0) {

addrShow.value = provice[current.prov].name + '-' + provice[current.prov]["city"][current.city].name;

return;

}

for (var n = 0; n < countryLen; n++) {

var countryOpt = document.createElement('option');

countryOpt.innerText = provice[current.prov]["city"][val].districtAndCounty[n];

countryOpt.value = n;

country.appendChild(countryOpt);

}

}

}

/*選擇縣區(qū)之后的處理函數(shù)*/

function selecCountry(obj) {

current.country = obj.options[obj.selectedIndex].value;

if ((current.city != null) && (current.country != null)) {

btn.disabled = false;

}

}

/*點擊確定按鈕顯示用戶所選的地址*/

function showAddr() {

addrShow.value = provice[current.prov].name + '-' + provice[current.prov]["city"][current.city].name + '-' + provice[current.prov]["city"][current.city].districtAndCounty[current.country]


Professeur correcteur:滅絕師太Temps de correction:2019-03-21 13:03:06
Résumé du professeur:作業(yè)內(nèi)容與題目不附,學習質(zhì)量希望注意哦!

Notes de version

Entrées populaires