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

    // JavaScript Document
    $(document).ready(function(e) {

    //向DIV里面扔三个下拉
    var str = "<select id='sheng'></select><select id='shi'></select><select id='qu'></select>";
    $("#sanji").html(str);

    FillSheng();
    FillShi();
    FillQu();

    $("#sheng").change(function(){
    FillShi();
    FillQu();
    })
    $("#shi").change(function(){
    FillQu();
    })
    });

    //填充省的方法
    function FillSheng()
    {
    var pcode = "0001";
    $.ajax({
    async:false,
    url:"chuli.php",
    data:{pcode:pcode},
    type:"POST",
    dataType:"TEXT",
    success: function(data){
    var hang = data.split("|");
    var str = "";
    for(var i=0;i<hang.length;i++)
    {
    var lie = hang[i].split("^");
    str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";
    }
    $("#sheng").html(str);
    }
    });
    }
    //填充市的方法
    function FillShi()
    {
    var pcode = $("#sheng").val();
    $.ajax({
    async:false,
    url:"chuli.php",
    data:{pcode:pcode},
    type:"POST",
    dataType:"TEXT",
    success: function(data){
    var hang = data.split("|");
    var str = "";
    for(var i=0;i<hang.length;i++)
    {
    var lie = hang[i].split("^");
    str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";
    }
    $("#shi").html(str);
    }
    });
    }
    //填充区的方法
    function FillQu()
    {
    var pcode = $("#shi").val();
    $.ajax({
    url:"chuli.php",
    data:{pcode:pcode},
    type:"POST",
    dataType:"TEXT",
    success: function(data){
    var hang = data.split("|");
    var str = "";
    for(var i=0;i<hang.length;i++)
    {
    var lie = hang[i].split("^");
    str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>";
    }
    $("#qu").html(str);
    }
    });
    }

  • 相关阅读:
    Oracle普通表->分区表转换(9亿数据量)
    RHEL6.4 + Oracle 11g DG测试环境快速搭建参考
    java 获取时间戳的三种方式
    java sm3加密算法
    java byte数组与String互转
    Java的多线程
    最大重叠点
    23. 客户默认选项(Default Customer Options)
    Android Studio 1.3RC版 build加速
    查看linux机器是32位还是64位的方法
  • 原文地址:https://www.cnblogs.com/l123789/p/6283054.html
Copyright © 2011-2022 走看看