首页 > 代码库 > 用jQuery,ajax,实现三级联动封装JS的文件
用jQuery,ajax,实现三级联动封装JS的文件
// JavaScript Document $(document).ready(function(e) { //找到ID=SANJI的DIV,造三个下拉扔进去 var str = "<select id=‘sheng‘></select><select id=‘shi‘></select><select id=‘qu‘></select>"; $("#sanji").html(str); //加载省的数据 Hsheng(); //加载市的数据 Hshi(); //加载区的数据 Hqu(); //给省的下拉加点击事件 $("#sheng").click(function(){ Hshi();//重新加载市 Hqu();//重新加载区 }); $("#shi").click(function(){//给市的下拉加点击事件 Hqu();//重新加载区 }); }); function Hsheng(){//加载省份的方法 var code="0001"; $.ajax({ url:"shicl.php", data:{code:code}, 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 = str +"<option value=http://www.mamicode.com/‘"+lie[0]+"‘>"+lie[1]+"</option>"; } $("#sheng").html(str); } }); } function Hshi(){//加载市的方法 var code=$("#sheng").val();//找市的父级代号 $.ajax({ url:"shicl.php", data:{code:code}, 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 = str +"<option value=http://www.mamicode.com/‘"+lie[0]+"‘>"+lie[1]+"</option>"; } $("#shi").html(str); } }); } function Hqu(){//加载区的方法 var code=$("#shi").val();//找区的父级代号 $.ajax({ url:"shicl.php", data:{code:code}, 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 = str +"<option value=http://www.mamicode.com/‘"+lie[0]+"‘>"+lie[1]+"</option>"; } $("#qu").html(str); } }); }
用jQuery,ajax,实现三级联动封装JS的文件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。