Jquery!!三级级联菜单
刚刚是学jquery，要求做一个三级级联菜单，自己做了一下午，只能写出一点，然后就毫无头绪了，哪位大神可以给我一套比较完整的，可以参考的，什么方面的都可以，什么省市区啊还...
刚刚是学jquery，要求做一个三级级联菜单，自己做了一下午，只能写出一点，然后就毫无头绪了，哪位大神可以给我一套比较完整的，可以参考的，什么方面的都可以，什么省市区啊还有其他的。非常感谢
展开
1个回答
展开全部
<body>
城市：
<select id="city">
<option id="s1" value="0" >请选择</option>
<option id="s2" value="1">城市1</option>
<option id="s3" value="2">城市2</option>
<option id="s4" value="3">城市3</option>
<option id="s5" value="4">城市4</option>
</select>
省份：
<select id="province">
<option id="s1" value="0" >请选择</option>
</select>
地区：
<select id="area">
<option id="s1" value="0" >请选择</option>
</select>
</body>
<script>
$("#city").change(
function (){
$("#area").html("");
$("#area").append('<option value="0">请选择</option>');
$("#province").html("");
$("#province").append('<option value="0">请选择</option>');
$("#province").append('<option value="1">城市'+this.value+'的省份1</option>');
$("#province").append('<option value="2">城市'+this.value+'的省份2</option>');
$("#province").append('<option value="3">城市'+this.value+'的省份3</option>');
$("#province").change(
function(){
$("#area").html("");
$("#area").append('<option value="0">请选择</option>');
$("#area").append('<option value="1">省份'+this.value+'的地区1</option>');
$("#area").append('<option value="2">省份'+this.value+'的地区2</option>');
$("#area").append('<option value="3">省份'+this.value+'的地区3</option>');
})
}
);
</script>
刚做出来的，给你参考一下
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
