zoukankan      html  css  js  c++  java
  • 三级级联

    $().ready(function(){
    //文档加载完毕后,异步请求所有的省份
    $.post("${pageContext.request.contextPath}/servlet/Conter?operation=showAllProvince&time="+new Date().getTime(),null,function(data,textStatus){
    //返回的数据时JSON字符串
    var provinces = eval("("+data+")");
    //id=province增加<option value="1">山东省</option>
    for(var i=0;i<provinces.length;i++){
    var id = provinces[i].id;
    var name = provinces[i].name;

    var $optionElement = $("<option value='"+id+"'>"+name+"</option>");
    $("#province").append($optionElement);
    }
    });

    //省份值变化时,引起城市的变化
    $("#province").change(function(){
    alert($(this).val());
    //清空城市
    $("#city option[value!='']").remove();
    $("#county option[value!='']").remove();
    $.post("${pageContext.request.contextPath}/servlet/Conter?operation=showAllCity&time="+new Date().getTime(),{pid:$(this).val()},function(data,textStatus){
    var citys = eval("("+data+")");
    for(var i=0;i<citys.length;i++){
    var id = citys[i].id;
    var name = citys[i].name;

    var $optionElement = $("<option value='"+id+"'>"+name+"</option>");
    $("#city").append($optionElement);
    }
    });
    });

    //城市值变化时,引起区县的变化
    $("#city").change(function(){
    //清空区县
    $("#county option[value!='']").remove();

    $.post("${pageContext.request.contextPath}/servlet/Conter?operation=showCountyByCity&time="+new Date().getTime(),{cid:$(this).val()},function(data,textStatus){
    var countys = eval("("+data+")");
    for(var i=0;i<countys.length;i++){
    var id = countys[i].id;
    var name = countys[i].name;

    var $optionElement = $("<option value='"+id+"'>"+name+"</option>");
    $("#county").append($optionElement);
    }
    });
    });
    });
    </script>

  • 相关阅读:
    PHP静态
    PHP批量删除
    PHP增删改查
    PHP数据访问
    PHP继承和多态
    PHP封装
    PHP字符串处理和正则表达式
    PHP数组
    PHP函数
    PHP基础
  • 原文地址:https://www.cnblogs.com/zszitman/p/4509264.html
Copyright © 2011-2022 走看看