下拉框连动

最新推荐文章于 2022-08-27 09:48:25 发布

wasdasdfqwer

最新推荐文章于 2022-08-27 09:48:25 发布

阅读量880

点赞数

分类专栏：备忘

备忘专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的选择器联动效果，当用户选择省份时，城市选择器会根据所选省份动态显示相应的城市选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


这个网上来的

$(document).ready(function(){
        $("#province").change(function(){
            $("#province option").each(function(i,o){
                if($(this).attr("selected"))
                {
                    $(".city").hide();
                    $(".city").eq(i).show();
                }
            });
        });
        $("#province").change();
    });

	<div>
		<select id="province">
       <option>----请选择省份----</option>
       <option>北京</option>
       <option>上海</option>
       <option>江苏</option>
   </select>
   <select class="city">
                <option>----请选择城市----</option>
   </select>
   <select class="city">
       <option>东城</option>
       <option>西城</option>
       <option>崇文</option>
       <option>宣武</option>
       <option>朝阳</option>
   </select>  
   <select class="city">
       <option>黄浦</option>
       <option>卢湾</option>
       <option>徐汇</option>
       <option>长宁</option>
       <option>静安</option>
   </select>
   <select class="city">
       <option>南京</option>
       <option>镇江</option>
       <option>苏州</option>
       <option>南通</option>
       <option>扬州</option>
   </select>
	</div>