java选省,javacript兑现根据选择不同国家选择显示不同的省/州

javacript实现根据选择不同国家选择显示不同的省/州

/**

* @author wangxiang

* @email:flyxiang228@gmail.com

* @copyright privite

*/

var countryProvcity = function(data){

this.data = data;

}

countryProvcity.prototype = {

init: function (){

var _t = this;

var _d = this.data;

_d.cid = _d.cid?_d.cid:"cid"; //country id

_d.pid = _d.pid ? _d.pid : "pid";//city id

_d.pnum = _d.pnum ? _d.pnum : "pnum";//country number

//_d.cnum = _d.cnum ? _d.cnum : "";//city number

_d.box = _d.box ? _d.box : "box"; //container id

var provinces = {

"United states":1000840000,"Canada":1001124000,"Afghanistan":3040004000,"Albania":2200008000,"Algeria":5010012000,"American Samoa":3070016000,"Andorra":2100020000,"Angola":5020024000,"Anguilla":6010660000,"Antigua and Barbuda":6010028000,"Argentina":6030032000,"Armenia":3040051000,"Aruba":6010533000,"Australia":3010036000,"Austria":2100040000,"Azerbaijan":3040031000,"Bahamas":6010044000,"Bahrain":4000048000,"Bangladesh":3050050000,"Barbados":6010052000,"Belarus":2200112000,"Belgium":2100056000,"Belize":6020084000,"Benin":5020204000,"Bermuda":6010060000,"Bhutan":3050064000,"Bolivia":6030068000,"Bosnia and Herzegovina":2200070000,"Botswana":5020072000,"Brazil":6030076000,"British Virgin Islands":6010092000,"Brunei":3060096000,"Bulgaria":2200100000,"Burkina Faso":5020854000,"Burundi":5020108000,"C?te d'Ivoire":5020384000,

"Cambodia":3060116000,"Cameroon":5020120000,"Cape Verde":5020132000,"Cayman Islands":6010136000,"Central African Republic":5020140000,"Chad":5020148000,"Chile":6030152000,"China":3030156000,"Colombia":6030170000,"Comoros":5020174000,"Congo":5020178000,"Cook Islands":3070184000,"Costa Rica":6020188000,"Croatia":2200191000,"Cuba":6010192000,"Cyprus":2100196000,"Czech Republic":2200203000,"Democratic Republic of Congo":5020180000,"Denmark":2100208000,"Djibouti":5020262000,"Dominica":6010212000,"Dominican Republic":6010214000,"East Timor":3060626000,"Ecuador":6030218000,"Egypt":5010818000,"El Salvador":6020222000,"Equatorial Guinea":5020226000,"Eritrea":5020232000,"Estonia":2200233000,"Ethiopia":5020231000,"Falkland Islands":6030238000,"Federated state1s of Micronesia":3070583000,

"Fiji":3070242000,"Finland":2100246000,"France":2100250000,"French Guiana":6030254000,"French Polynesia":3070258000,"Gabon":5020266000,"Gambia":5020270000,"Georgia":3040239000,"Germany":2100276000,"Ghana":5020288000,"Gibraltar":2100292000,"Greece":2100300000,"Greenland":2104304000,"Grenada":6010308000,"Guadeloupe":6010312000,"Guam":3070316000,"Guatemala":6020320000,"Guinea":5020324000,"Guinea-Bissau":5020624000,"Guyana":6030328000,"Haiti":6010332000,"Honduras":6020340000,"Hong Kong":3030344000,"Hungary":2200348000,"Iceland":2100352000,"India":3050356000,"Indonesia":3060360000,"Iran":3040364000,"Iraq":4000368000,"Ireland":2100372000,"Israel":4000376000,"Italy":2100380000,"Jamaica":6010388000,"Japan":3020392000,"Jordan":4000400000,"Kazakhstan":3040398000,"Kenya":5020404000,"Kiribati":3070296000,"Korea":3020410000,

"Kuwait":4000414000,"Kyrgyzstan":3040417000,"Laos":3060418000,"Latvia":2200428000,"Lebanon":4000422000,"Lesotho":5020426000,"Liberia":5020430000,"Libya":5010434000,"Liechtenstein":2100438000,"Lithuania":2200440000,"Luxembourg":2100442000,"Macau":3030446000,"Macedonia":2200807000,"Madagascar":5020450000,"Malawi":5020454000,"Malaysia":3060458000,"Maldives":3050462000,"Mali":5020466000,"Malta":2200470000,"Marshall Islands":3070584000,"Martinique":6010474000,"Mauritania":5020478000,"Mauritius":5020480000,"Mexico":6020484000,"Moldova":2200498000,"Monaco":2100492000,"Mongolia":3020496000,"Montserrat":6010500000,"Morocco":5010504000,"Mozambique":5020508000,"Myanmar":3050104000,"Namibia":5020516000,"Nauru":3070520000,"Nepal":3050524000,"Netherlands Antilles":6010530000,"Netherlands":2100528000,"New Caledonia":3070540000,

"New Zealand":3010554000,"Nicaragua":6020558000,"Niger":5020562000,"Nigeria":5020566000,"North Korea":3020408000,"Northern Mariana Islands":3070580000,"Norway":2100578000,"Oman":4000512000,"Pakistan":3050586000,"Palau":3070585000,"Panama":6020591000,"Papua New Guinea":3070598000,"Paraguay":6030600000,"Peru":6030604000,"Philippines":3060608000,"Poland":2200616000,"Portugal":2100620000,"Puerto Rico":6010630000,"Qatar":4000634000,"Romania":2200642000,"Russia":2200643000,"Rwanda":5020646000,"Saint Kitts & Nevis":6010659000,"Saint Lucia":6010662000,"Saint Vincent and The Grenadines":6010670000,"Samoa":3070882000,"San Marino":2100674000,"Saudi Arabia":4000682000,"Senegal":5020686000,"Serbia":2200688000,"Seychelles":5020690000,"Sierra Leone":5020694000,"Singapore":3060702000,"Slovakia":2200703000,"Slovenia":2200705000,"Solomon Islands":3070090000,

"Somalia":5020706000,"South Africa":5020710000,"Spain":2100724000,"Sri Lanka":3050144000,"Sudan":5020736000,"Suriname":6030740000,"Swaziland":5020748000,"Sweden":2100752000,"Switzerland":2100756000,"Syria":4000760000,"Taiwan":3030158000,"Tajikistan":3040762000,"Tanzania":5020834000,"Thailand":3060764000,"Togo":5020768000,"Tonga":3070776000,"Trinidad and Tobago":6010780000,"Tunisia":5010504000,"Turkey":4000792000,"Turkmenistan":3040795000,"Turks and Caicos Islands":6010796000,"Tuvalu":3070798000,"US Virgin Islands":6010850000,"Uganda":5020800000,"Ukraine":2200804000,"United Arab Emirates":4000784000,"United Kingdom":2100826000,"Uruguay":6030858000,"Uzbekistan":3040860000,"Vanuatu":3070548000,"Vatican":2100336000,"Venezuela":6030862000,"Vietnam":3060704000,"Yemen":4000887000,"Zambia":5020894000,"Zimbabwe":5020716000

};

var selObj = document.createElement("select");

var inpObj = document.createElement("input");

var inpId = document.createAttribute("id");

var inpName = document.createAttribute("name");

var inpClass = document.createAttribute("class");

var inpType = document.createAttribute("type");

inpId.value="plain";

inpName.value="state";

inpType.value = "text";

inpClass.value="plain_hidden";

inpObj.setAttributeNode(inpId);

inpObj.setAttributeNode(inpName);

inpObj.setAttributeNode(inpType);

selObj.name = _d.cid;

selObj.id = _d.cid;

selObj.onchange = function() {

_t._(_d.pid) ? _t._('state1').removeChild(_t._(_d.pid)) : '';

return _t._setcity(_d.cid, _d.pid, _d.box);

};

this._(_d.box).appendChild(selObj);

_t._(_d.cid).className = "select_style3_100 m_right_10";//set country select class

_t._("state1").appendChild(inpObj);

selObj.options[0] = new Option("Select Country", "");

var j = 1;

for(i in provinces) {

selObj.options[j] = new Option(i, provinces[i]);

j++;

}

if(_d.pnum != "")

{

typeof(_d.cnum) == 'string' ? inpObj.setAttribute("value",_d.cnum) : '';

inpObj.setAttributeNode(inpClass);

_t._initprovcity(_d.cid, _d.pnum);

return;

}

else{

inpClass.value="plain_show";

inpObj.setAttributeNode(inpClass);

}

},

_: function (id){

if(document.getElementById(id)){

return document.getElementById(id);

}

},

_setcity: function (provinceid, cityid,boxid) {

var province = parseFloat(this._(provinceid).value);

switch (province) {

case 1000840000 :

var cityOptions = {

"Alabama":1000840301,"Alaska":1000840802,"Arizona":1000840704,"Arkansas":1000840305,"California":1000840806,"Colorado":1000840608,"Connecticut":1000840109,"Delaware":1000840210,"District of Columbia":1000840211,"Florida":1000840312,

"Georgia":1000840313,"Hawaii":1000840815,"Idaho":1000840616,"Illinois":1000840417,"Indiana":1000840418,"Iowa":1000840519,"Kansas":1000840520,"Kentucky":1000840421,"Louisiana":1000840322,"Maine":1000840123,"Maryland":1000840224,"Massachusetts":1000840125,

"Michigan":1000840426,"Minnesota":1000840427,"Mississippi":1000840328,"Missouri":1000840529,"Montana":1000840630,"Nebraska":1000840531,"Nevada":1000840732,"New Hampshire":1000840133,"New Jersey":1000840134,"New Mexico":1000840735,"New York":1000840136,

"North Carolina":1000840237,"North Dakota":1000840538,"Ohio":1000840439,"Oklahoma":1000840540,"Oregon":1000840841,"Pennsylvania":1000840442,"Rhode Island":1000840144,"South Carolina":1000840345,"South Dakota":1000840546,"Tennessee":1000840347,"Texas":1000840748,

"Utah":1000840649,"Vermont":1000840150,"Virginia":1000840251,"Washington":1000840853,"West Virginia":1000840254,"Wisconsin":1000840455,"Wyoming":1000840656

};

break;

case 1001124000 :

var cityOptions = {

"Alberta":1001124002,

"British Columbia":1001124008,

"Manitoba":1001124012,

"New Brunswick":1001124018,

"Newfoundland and Labrador":1001124022,

"Northwest Territories":1001124028,

"Nova Scotia":1001124032,

"Nunavut":1001124038,

"Ontario":1001124042,

"Prince Edward Island":1001124048,

"Quebec":1001124052,

"Saskatchewan":1001124058,

"Yukon Territory":1001124062

};

break;

default:

var cityOptions = null;

break;

}

if(cityOptions == null && this._(cityid))

{

this._("state1").removeChild(this._(cityid));

this._("plain").setAttribute("name","state");

this._("plain").setAttribute("value","");

this._("plain").className = "plain_show";

return;

}else if (cityOptions == null && !this._(cityid))

{

this._("plain").setAttribute("name","state");

this._("plain").className = "plain_show";

return;

}

else if(!this._(cityid))

{

var selObj = document.createElement("select");

selObj.name = cityid;

selObj.id = cityid;

this._("plain").className = "plain_hidden";

this._("plain").setAttribute("name","testing");

this._("state1").appendChild(selObj);

this._("state").className = "select_style3_100 m_right_10";

}

var cityObject = this._(cityid);

var j = 0;

for(i in cityOptions){

cityObject.options[j] = new Option(i,cityOptions[i]);

j++;

}

if(this.data.cnum != null && typeof(this.data.cnum) == "number"){

for(var i = 0; i < cityObject.options.length; i++) {

if (cityObject.options[i].value == this.data.cnum) {

cityObject.selectedIndex = i;

break;

}

}

}

},

_initprovcity: function (provinceid, province) {

var provObject = this._(provinceid);

for(var i = 0; i < provObject.options.length; i++) {

if (provObject.options[i].value == province) {

provObject.selectedIndex = i;

break;

}

}

this._setcity(provinceid, this.data.pid);

}

}

#selectbox{position:relative;}

.plain_show{display:block;}

.plain_hidden{display:none;}

Country

dsafsafasfdasdfasdfasdfasd

State Province

var countryProvcity = new countryProvcity({cid:'province', pid:'state', pnum:'2100246000', cnum:'', box:'country'});

countryProvcity.init();

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现点击左侧导航栏右边界面显示不同的界面,可以使用JavaScript来实现。具体步骤如下: 1. HTML结构:创建左侧导航栏和右边显示区域的HTML结构,为每个导航栏选项添加一个id属性。 ``` <div class="sidebar"> <ul> <li id="option1">选项1</li> <li id="option2">选项2</li> <li id="option3">选项3</li> </ul> </div> <div class="content"> <div id="showOption1">选项1的内容</div> <div id="showOption2">选项2的内容</div> <div id="showOption3">选项3的内容</div> </div> ``` 2. CSS样式:设置左侧导航栏和右边显示区域的样式。 ``` .sidebar { float: left; width: 200px; height: 100%; background-color: #f5f5f5; } .content { float: left; width: calc(100% - 200px); height: 100%; background-color: #fff; } ``` 3. JavaScript代码:为左侧导航栏选项添加点击事件,并在点击事件中显示对应的内容。 ``` // 获取左侧导航栏选项和右边显示区域的DOM元素 var option1 = document.getElementById("option1"); var option2 = document.getElementById("option2"); var option3 = document.getElementById("option3"); var showOption1 = document.getElementById("showOption1"); var showOption2 = document.getElementById("showOption2"); var showOption3 = document.getElementById("showOption3"); // 为左侧导航栏选项添加点击事件 option1.onclick = function() { showOption1.style.display = "block"; showOption2.style.display = "none"; showOption3.style.display = "none"; } option2.onclick = function() { showOption1.style.display = "none"; showOption2.style.display = "block"; showOption3.style.display = "none"; } option3.onclick = function() { showOption1.style.display = "none"; showOption2.style.display = "none"; showOption3.style.display = "block"; } ``` 以上代码中,通过获取左侧导航栏选项和右边显示区域的DOM元素,并为左侧导航栏选项添加点击事件,在点击事件中根据选项的id属性来判断应该显示哪个内容。具体来说,当点击选项1时,将showOption1显示出来,将showOption2和showOption3隐藏;当点击选项2时,将showOption2显示出来,将showOption1和showOption3隐藏;当点击选项3时,将showOption3显示出来,将showOption1和showOption2隐藏。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值