二级联动实现代码

<scripttype="text/JavaScript">
    $(document).ready(function(){
        $("#province").change(function(){
           $("#provinceoption").each(function(i,o){
                if($(this).attr("selected"))
                {
                    $(".city").hide();
                    $(".city").eq(i).show();
                }
            });
        });
        $("#province").change();
    });
</script>
<selectid="province">
    <option>----请选择省份----</option>
    <option>北京</option>
    <option>上海</option>
    <option>江苏</option>
</select>
<selectclass="city">
    <option>----请选择城市----</option>
</select>
<selectclass="city">
    <option>东城</option>
    <option>西城</option>
    <option>崇文</option>
    <option>宣武</option>
    <option>朝阳</option>
</select> 
<selectclass="city">
    <option>黄浦</option>
    <option>卢湾</option>
    <option>徐汇</option>
    <option>长宁</option>
    <option>静安</option>
</select>
<selectclass="city">
    <option>南京</option>
    <option>镇江</option>
    <option>苏州</option>
    <option>南通</option>
    <option>扬州</option>
</select>

欢迎分享本文,转载请保留出处:前端ABC » 二级联动实现代码

赞 (0)
分享到:更多 ()

发表评论 0