运行效果截图如下：
具体代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="../../js/jquery-1.11.1.js"></script>
<style type="text/css">
.body_tag{
width: 100%;
height: 100%;
}
</style>
<script type="text/javascript">
/**
*
*/
function province()
{
var proName = $("#areaName").val();
$("#city").empty();
$("#city").append("<option value='0'>全部</option>");
if(proName == "1")
{
$("#city").append("<option value='1'>广州市</option>"+
"<option value='2'>深圳市</option>"+
"<option value='3'>中山市</option>");
}
if(proName == "2")
{
$("#city").append("<option value='1'>武汉市</option>"+
"<option value='2'>黄石市</option>"+
"<option value='3'>黄冈市</option>");
}
}
</script>
</head>
<body class="body_tag">
<table id="tab">
<tr>
<td>
<label for="areaName">省份：</label>
<select id="areaName" onchange="province()">
<option value="0">全国</option>
<option value="1">广东</option>
<option value="2">湖北</option>
</select>
<label for="city">地市：</label>
<select id="city">
<option value="0">全部</option>
</select>
</td>
</tr>
</table>
</body>
</html>更多相关教程请访问 JavaScript视频教程
声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright © 2019-2024 51dongshi.com 版权所有
违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务
