用jQuery,ajax,實現三級聯動封裝JS的檔案

標籤：value   三級聯動   read   cli   san   type   split   script   blog   

// 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=‘"+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=‘"+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=‘"+lie[0]+"‘>"+lie[1]+"</option>";}$("#qu").html(str);}});}

 

用jQuery,ajax,實現三級聯動封裝JS的檔案