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);
    }
    });
    }

  • 相关阅读:
    客户端session与服务端session
    对session和cookie的一些理解
    Servlet生命周期与工作原理
    Linux命令行编辑快捷键
    含有GROUP BY子句的查询中如何显示COUNT()为0的成果(分享)
    设计模式学习——准备(UML类图)
    find()方法
    js中的动态效果
    动态添加,移除,查找css属性的方法
    VUE中的require ( )
  • 原文地址:https://www.cnblogs.com/l123789/p/6283060.html
Copyright © 2011-2022 走看看