js實現(xiàn)的全國省市二級聯(lián)動下拉選擇菜單完整實例
更新時間：2015年08月17日 10:38:06 作者：企鵝
這篇文章主要介紹了js實現(xiàn)的全國省市二級聯(lián)動下拉選擇菜單,以一個完整實例形式較為詳細的分析了javascript實現(xiàn)省市二級聯(lián)動下拉菜單的實現(xiàn)技巧,非常簡單實用,需要的朋友可以參考下
本文實例講述了js實現(xiàn)的全國省市二級聯(lián)動下拉選擇菜單。分享給大家供大家參考。具體如下：
運行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-province-city-cho-menu-codes/
具體代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js全國省市二級聯(lián)動下拉選擇菜單</title>
</head>
<body>
<script language="javascript" src="city.js"></script>
<form action="" method=post name=form1>
<table width=300 border=0 cellspacing="0" cellpadding="1" !bgcolor=#FFFDE6>
<tr>
<td class="black_con9" align="right">省份：</td>
<td class="black_con9">
<select name="selectp" onChange="selectcityarea('selectp','selectc','form1');">
<option value="0" selected>選擇省份</option>
</select>
</td>
</tr>
<tr>
<td class="black_con9" align="right">縣/市：</td>
<td class="black_con9">
<select name="selectc">
<option value="0" selected>選擇城市</option>
</select>
</td>
</tr>
</table>
</form>
<script language="javascript">
first("selectp","selectc","form1",0,0);
</script>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
- JS實多級聯(lián)動下拉菜單類，簡單實現(xiàn)省市區(qū)聯(lián)動菜單！
- javascript實現(xiàn)省市區(qū)三級聯(lián)動下拉框菜單
- jsp從數(shù)據(jù)庫獲取數(shù)據(jù)填充下拉框?qū)崿F(xiàn)二級聯(lián)動菜單的方法
- 省市區(qū)三級聯(lián)動下拉框菜單javascript版
- js實現(xiàn)簡單的聯(lián)動菜單效果
- js實現(xiàn)select二級聯(lián)動下拉菜單
- JS簡單實現(xiàn)多級Select聯(lián)動菜單效果代碼
- 全國省市二級聯(lián)動下拉菜單 js版
- 實例詳解AngularJS實現(xiàn)無限級聯(lián)動菜單
- JavaScript+node實現(xiàn)三級聯(lián)動菜單
相關(guān)文章
使用JavaScript獲取URL中的參數(shù)(兩種方法)
這篇文章主要介紹了使用JavaScript獲取URL中的參數(shù)(兩種方法)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
JavaScript 聯(lián)動的無限級封裝類,數(shù)據(jù)采用非Ajax方式,隨意添加聯(lián)動
JavaScript 聯(lián)動的無限級封裝類,數(shù)據(jù)采用非Ajax方式,隨意添加聯(lián)動2010-06-06
uniapp給我們提供了tabs組件進行單項的切換,但是多選的效果需要我們自己去手寫,下面這篇文章主要給大家介紹了關(guān)于uniapp多選框全選功能實現(xiàn)思路與方法的相關(guān)資料,需要的朋友可以參考下2022-08-08
JSON （JavaScript Object Notation）一種簡單的數(shù)據(jù)格式，比xml更輕巧，下面通過本文給大家介紹JS中Eval解析JSON字符串的一個小問題，需要的朋友參考下吧2016-02-02
靜態(tài)的動態(tài)續(xù)篇之來點XML...2006-08-08
uniapp?動態(tài)組件實現(xiàn)Tabs標簽切換組件(喜馬拉雅app作為案例)
本文以喜馬拉雅app作為案例給大家詳解講解uniapp?動態(tài)組件實現(xiàn)Tabs標簽切換組件功能,在uniapp中實現(xiàn)動態(tài)組件切換需看uniapp是否支持,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-10-10
js中將URL中的參數(shù)提取出來作為對象的實現(xiàn)代碼
將URL中的參數(shù)提取出來作為對象的實現(xiàn)代碼，適合希望獲取url參數(shù)的朋友。2011-08-08
設(shè)置選中的行樣式的js代碼，需要的朋友可以參考下，這里只給出了函數(shù)，具體的自己發(fā)揮。2010-05-05
這篇文章主要介紹了javaScript中with函數(shù)用法,實例分析了javascript中with的功能、定義及相關(guān)使用技巧,需要的朋友可以參考下2015-06-06
這篇文章主要為大家詳細介紹了JS控制GIF圖片的停止與顯示，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10