网页设计里面选择了省份如何能直接对应相对应的城市,而不要把其他多余的城市也显示出来
我想在选择省份这里选择了湖北，然后城市这里只出现湖北省内的城市，不要有岳阳，湘潭，这些湖南的城市，怎么操作。正确答案给满意，最好能用代码做，下面是我的代码：<body><...
我想在选择省份这里选择了湖北，然后城市这里只出现湖北省内的城市，不要有岳阳，湘潭，这些湖南的城市，怎么操作。正确答案给满意，最好能用代码做，下面是我的代码：
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<select name="select" id="select">
<option value="1">选择省份</option>
<option value="2">湖南</option>
<option value="3">湖北</option>
</select>
</label>
<label>
<select name="select2" id="select2">
<option value="2">武汉</option>
<option value="2">黄冈</option>
<option value="2">孝感</option>
<option value="2">荆门</option>
<option value="2">荆州</option>
<option value="3">长沙</option>
<option value="3">岳阳</option>
<option value="3">湘潭</option>
<option value="1" selected="selected">选择城市</option>
</select>
</label>
</form>
</body> 展开
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<select name="select" id="select">
<option value="1">选择省份</option>
<option value="2">湖南</option>
<option value="3">湖北</option>
</select>
</label>
<label>
<select name="select2" id="select2">
<option value="2">武汉</option>
<option value="2">黄冈</option>
<option value="2">孝感</option>
<option value="2">荆门</option>
<option value="2">荆州</option>
<option value="3">长沙</option>
<option value="3">岳阳</option>
<option value="3">湘潭</option>
<option value="1" selected="selected">选择城市</option>
</select>
</label>
</form>
</body> 展开
3个回答
展开全部
这属于二级联动菜单，需要使用js来完成。
一般实际中用省，市，县三级联动菜单比较多。
请问你js掌握的如何。
省，市，县三级联动菜单内容比较多，所以可以从网上直接下载一个修改样式后使用
一般实际中用省，市，县三级联动菜单比较多。
请问你js掌握的如何。
省，市，县三级联动菜单内容比较多，所以可以从网上直接下载一个修改样式后使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<select name="select" id="select">
<option value="1">选择省份</option>
<option value="2">湖南</option>
<option value="3">湖北</option>
</select>
</label>
<label>
<select name="select2" id="select2">
<option value="1" selected="selected">选择城市</option>
</select>
</label>
</form>
<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script>
var cities = {
1:[
{v: 1, name: "选择城市"}
],
2: [
{v: 7, name: "长沙"},
{v: 8, name: "岳阳"},
{v: 9, name: "湘潭"}
],
3: [
{v: 2, name: "武汉"},
{v: 3, name: "黄冈"},
{v: 4, name: "孝感"},
{v: 5, name: "荆门"},
{v: 6, name: "荆州"}
]
};
$("#select").change(function () {
var province_val = $(this).children('option:selected').val();
$("#select2").empty();
if (cities.hasOwnProperty(province_val)) {
for (var i in cities[province_val]) {
var city = cities[province_val][i];
$("#select2").append('<option value="' + city.v + '">' + city.name + '</option>');
}
}
});
</script>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你下面的那些就应该写湖北省内的城市名称啊 而不是写的其他生名称
追问
但是省份那块，我要写湖南、广东啊这些省份，那么当我单独选到湖北的时候，就出来湖北的城市，但我选到湖南的时候就出现湖南的城市
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
