A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 编程开发 > 网站开发 > js实现的全国省市二级联动下拉选择菜单完整实例

js实现的全国省市二级联动下拉选择菜单完整实例

时间:2015-08-17 16:29作者:yezheng人气:223

 本文实例讲述了js实现的全国省市二级联动下拉选择菜单。分享给大家供大家参考。具体如下:
运行效果截图如下:

js实现的全国省市二级联动下拉选择菜单完整实例

具体代码如下:

<!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全国省市二级联动下拉选择菜单</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程序设计有所帮助。

标签实现,全国,省市,二级,联动,下拉,选择,菜单,完整,实例

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号