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

    // JavaScript Document
    $(document).ready(function(e) {
        var zhuti="<select id='sheng'></select><select id='shi'></select><select id='qu'></select>"; 
    	$("#sanji").html(zhuti);
    	//填充省
    	FillSheng();
    	//填充市
    	FillShi();
    	//填充区
    	FillQu();
    	
    	//当省选中变化的时候去填充市和区
    	$("#sheng").change(function(){
    		//填充市
    		FillShi();
    		//填充区
    		FillQu();
    		})
    	//当市选中变化的时候去填充区
    	$("#shi").change(function(){
    		//填充区
    		FillQu();
    		})
    });
    //填充省的方法
    function FillSheng()
    {
    	//省的父级代号
    	var pcode="0001";
    	//调用AJAX
    	$.ajax({
    		async:false,//关闭异步,开启同步
    		url:"sjldcl.php",
    		data:{pcode:pcode},
    		type:"POST",
    		dataType:"TEXT",
    		success: function(data){
    		
    			//拆分返回的字符串,得到行的数组
    			var hang=data.trim().split("|");
    			var str="";
    			for(var i=0;i<hang.length;i++)
    			{
    				//返回列的数组
    				var lie=hang[i].split("^");
    				var str=str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>";
    			}
    			$("#sheng").html(str);
    			}
    		});
    }
    function FillShi()
    {
    	//取到市的父级代号
    	var pcode=$("#sheng").val();
    	//调用AJAX
    	$.ajax({
    		async:false,
    		url:"sjldcl.php",
    		data:{pcode:pcode},
    		type:"POST",
    		dataType:"TEXT",
    		success: function(data){
    			var hang=data.trim().split("|");
    			var str="";
    			for(var i=0;i<hang.length;i++)
    			{
    				//返回列的数组
    				var lie=hang[i].split("^");
    				var str=str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>";
    			}
    			$("#shi").html(str);
    			}
    		});
    }
    function FillQu()
    {
    	var pcode=$("#shi").val();
    	$.ajax({
    		url:"sjldcl.php",
    		data:{pcode:pcode},
    		type:"POST",
    		dataType:"TEXT",
    		success: function(data){
    			var hang=data.trim().split("|");
    			var str="";
    			for(var i=0;i<hang.length;i++)
    			{
    				var lie=hang[i].split("^");
    				var str=str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>";
    			}
    			$("#qu").html(str);
    			}
    		});
    }
    

      

    <?php
    include("DBDA.class.php");
    $db= new DBDA();
    //接收父级代号
    $pcode=$_POST["pcode"];
    //根据父级代号差子级区域
    $sql="select * from chinastates where ParentAreaCode='{$pcode}'";
    echo $db->StrQuery($sql);
    

      

  • 相关阅读:
    2018.4.5课堂笔记
    黑白染色——封锁阳光大学
    末日游戏——杨辉三角+搜索
    dilworth定理+属性排序(木棍加工)
    伯努利错装信封问题
    zhx'code1
    字符串-----KMP竟然是18禁
    Presto Event Listener开发
    Presto安装完成之后需要做的
    Apache Calcite 论文学习笔记
  • 原文地址:https://www.cnblogs.com/hamilton/p/5617000.html
Copyright © 2011-2022 走看看