JavaScript省市聯(lián)動實現(xiàn)代碼
更新時間：2014年02月15日 15:01:54 投稿：shangke
這篇文章主要介紹了JavaScript省市聯(lián)動實現(xiàn)代碼,需要的朋友可以參考下
復制代碼 代碼如下:
<html>
<head>
<title>JS省市二級聯(lián)動菜單,整理收集。</title>
</head>
<body bgcolor="#FFFFFF" alink="#333333" vlink="#333333" link="#333333" topmargin="0"
leftmargin="0" onload="init()">
<form method="post" name="creator" enctype="multipart/form-data">
<script language="javascript" type="text/javascript">
var where = new Array(35);
function comefrom(loca, locacity) { this.loca = loca; this.locacity = locacity; }
function select() {
with (document.creator.province) { var loca2 = options[selectedIndex].value; }
for (i = 0; i < where.length; i++) {
if (where[i].loca == loca2) {
loca3 = (where[i].locacity).split("|");
for (j = 0; j < loca3.length; j++) { with (document.creator.city) { length = loca3.length; options[j].text = loca3[j]; options[j].value = loca3[j]; var loca4 = options[selectedIndex].value; } }
break;
}
}
document.creator.newlocation.value = loca2 + loca4;
}
function init() {
with (document.creator.province) {
length = where.length;
for (k = 0; k < where.length; k++) { options[k].text = where[k].loca; options[k].value = where[k].loca; }
options[selectedIndex].text = where[0].loca; options[selectedIndex].value = where[0].loca;
}
with (document.creator.city) {
loca3 = (where[0].locacity).split("|");
length = loca3.length;
for (l = 0; l < length; l++) { options[l].text = loca3[l]; options[l].value = loca3[l]; }
options[selectedIndex].text = loca3[0]; options[selectedIndex].value = loca3[0];
}
}
</script>
<font color="#000000"><b>來自：</b> 省份<select name="province" onchange="select()"></select>城市<select
name="city" onchange="select()">
</select>
我在<input type="text" name="newlocation" maxlength="12" size="12" style="font-weight: bold" />
</font>
</form>
</body>
</html>
相關(guān)文章
這篇文章主要介紹了JS+CSS實現(xiàn)簡單的二級下拉導航菜單效果,通過簡單的JavaScript頁面元素遍歷及樣式操作實現(xiàn)下拉菜單效果,非常簡單實用,需要的朋友可以參考下2015-09-09
今天在做JS關(guān)于月份的判斷，對于parseInt("01")到parseInt("07");都能得到正確的結(jié)果，但如果是parseInt("08")或parseInt("09")則返回0，首先看parseInt語法：parseInt(string, radix);2010-06-06
js window.onload 加載多個函數(shù)的方法
平時做項目 經(jīng)常需要使用window.onload，但window.onload 不能同時加載多個函數(shù)。2009-11-11
JavaScript輸出數(shù)據(jù)的多種方式小結(jié)
這篇文章主要介紹了 JavaScript 輸出數(shù)據(jù)的多種方式,包括使用彈出警告框、寫入 HTML 文檔、使用 innerHTML 寫入 HTML 元素、寫入瀏覽器控制臺,還講解了操作 HTML 元素的方法,需要的朋友可以參考下2024-12-12
Js中forEach修改原數(shù)組與sort排序經(jīng)典場景詳解
forEach是沒有返回值并且不直接改變原數(shù)組的,今天發(fā)現(xiàn)是不能直接改變,下面這篇文章主要給大家介紹了關(guān)于Js中forEach修改原數(shù)組與sort排序經(jīng)典場景的相關(guān)資料,需要的朋友可以參考下2022-05-05
js中異步函數(shù)async function變同步函數(shù)的簡單入門
這篇文章主要介紹了js中異步函數(shù)async function變同步函數(shù)的簡單入門，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
JavaScript位移運算符(無符號) >>> 三個大于號 的使用方法詳解
這篇文章主要介紹了JavaScript位移運算符(無符號) >>> 三個大于號 的使用方法詳解的相關(guān)資料,需要的朋友可以參考下2016-03-03
本文給大家介紹使用BootStrap實現(xiàn)用戶登錄界面UI，布局風格采用左右各一半的風格設計，非常不錯，具有參考借鑒價值，感興趣的朋友一起學習吧2016-08-08
這篇文章主要介紹了Javascript Symbol原理及使用方法解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-10-10
通過隱藏iframe實現(xiàn)文件下載,不可思議吧，但確實是可以實現(xiàn)的,不懂的看下代碼，或許可以幫助到你,而且此功能是用js實現(xiàn)的，感興趣的你可不要錯過了哈2013-02-02