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>

  • 相关阅读:
    C++ 课程设计——电梯调度系统
    PAT 1006 Sign In and Sign Out 查找元素
    PAT 1005 Spell It Right 字符串处理
    C++ 词汇表
    四六级分数竟是这样算出来的!交白卷都不会得零分 (转)
    以太坊智能合约部署
    如何设计一个通证经济体系?(转载)
    以太坊上那些暴力“利”的应用(转载)
    geth搭建以太坊私链及常用操作
    ubuntu18.04 安装 QQ
  • 原文地址:https://www.cnblogs.com/zszitman/p/4509264.html
Copyright © 2011-2022 走看看