zoukankan      html  css  js  c++  java
  • 省市区三级联动及ajax的str处理方式

    在页面里做一div,设置ID为sanji

    建一个JS文件,将省市区各做一个方法填充到select里面

    // JavaScript Document
    $(document).ready(function(e){
    	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 var str = ""; $.ajax({ async:false, url:"dqchuli.php", data:{pcode:pcode}, type:"POST", dataType:"TEXT", success: function(data){ var hang = data.split("|"); for(var i=0;i<hang.length;i++){ var lie = hang[i].split("^"); str += "<option value="+lie[0]+">"+lie[1]+"</option>"; } $("#sheng").html(str); } }) }
    //填充市的方法,首先获取到省的value值,这里的val值是下拉列表<option value值> function FillShi(){ var pcode = $("#sheng").val(); var str = ""; $.ajax({ async:false, url:"dqchuli.php", data:{pcode:pcode}, type:"POST", dataType:"TEXT", success: function(data){ var hang = data.split("|"); 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(); var str = ""; $.ajax({ url:"dqchuli.php", data:{pcode:pcode}, type:"POST", dataType:"TEXT", success: function(data){ var hang = data.split("|"); for(var i=0;i<hang.length;i++){ var lie = hang[i].split("^"); str += "<option value="+lie[0]+">"+lie[1]+"</option>"; } $("#qu").html(str); } }) }

      dqchuli.php的处理页面

    <?php
    require_once "./dbda/DBDA.class.php";
    $db = new DBDA();
    $pcode = $_POST["pcode"];
    $sql = "select * from chinastates where ParentAreaCode='{$pcode}'";
    echo $db->strquery($sql);
    

      

  • 相关阅读:
    《笨办法学python》 第14课手记
    《笨办法学Python》 第13课手记
    杭电2009----求数列的和
    杭电2008----数值统计
    杭电2007----平方和与立方和
    杭电2006----求奇数的乘积
    杭电2005----第几天?
    杭电2004---- 成绩转换
    杭电2003----求绝对值
    杭电2002----计算球体积
  • 原文地址:https://www.cnblogs.com/forqiwen/p/8891175.html
Copyright © 2011-2022 走看看