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

  • 相关阅读:
    redux-devtools的使用
    Electron-builder打包详解
    HTML JAVASCRIPT CSS 大小写敏感问题
    electron/nodejs实现调用golang函数
    基于react开发package.json的配置
    Chrome插件(扩展)开发全攻略
    Chrome插件中 popup,background,contentscript消息传递机制
    Linux 开机引导和启动过程详解
    bash 的配置文件加载顺序
    常用Electron App打包工具
  • 原文地址:https://www.cnblogs.com/l123789/p/6283054.html
Copyright © 2011-2022 走看看