• 省市区三级联动(二)JS部分简单版


    通过对上一篇《省市区三级联动》的学习发现JScript部分省市区的填充代码几乎相同,所以可以写成一个函数。

    注意:html部分和chuli.php部分不变

    1.下拉列表填充可以写成带参数的函数

    $("#sjld").html("<select id='sheng'></select><select id='shi'></select><select id='qu'></select>");
        
    	//1.填充省市区
    	fill("0001",$("#sheng"));
    	fill($("#sheng"),$("#shi"));
    	fill($("#shi"),$("#qu"));
    

      

    2.省或区发生改变,市和区的填充也写成带参数的函数

    //2.改变省选择,相应的要重新填充市、区选择
    	$("#sheng").change(function(){
    		
    		fill($("#sheng"),$("#shi"));
    		fill($("#shi"),$("#qu"));
    		
    		})
    		
    		
        //3.改变市选择,相应的要重新填充区选择
    	$("#shi").change(function(){
    		
    		fill($("#shi"),$("#qu"));
    		
    		})
    

      

    3.填充省市区的函数方法可以写成fill(p,z)函数

    function fill(p,z)
    	{
    		//获取父级代号
    		if(p=="0001")
    		{
    			var pcode=p;
    		}
    		else
    		{
    			var pcode=p.val();
    		}	
    		//调用ajax方法
    		$.ajax({
    			
    			async:false,
    			url:"chulisjld.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>";
    				}
    				z.html(str);
    				}
    			
    			})
    	}
    

      

  • 相关阅读:
    FTP文件传输应用分析
    A*寻路算法
    Asp.net页面事件引发后台程序处理原理
    开发人员的基本原则(转)
    定位new表达式
    常量对象的动态分配和释放
    PostThreadMessage使用
    最美丽的数学公式
    仿函数
    CF1598EStaircases【计数】
  • 原文地址:https://www.cnblogs.com/zst062102/p/5513476.html
Copyright © 2020-2023  润新知