3级联动 ajax java_ajax实现三级联动的基本方法

本文实例为大家分享了ajax实现三级联动的具体代码，供大家参考，具体内容如下

1.首先在一个页面上布置一个div 方便日后引用方法

//div的id为“sanji”

2.sanji js处理页面

$(document).ready(function(){

//向div里面放三个下拉菜单

var str = "

//给三个下拉列表定义 str 变量

$("#sanji").html(str);

FillSheng();

FillShi();

FillQu();//Sheng Shi Qu的逻辑顺序

$("#sheng").change(function(){

FillShi();

FillQu();

})//给sheng菜单添加点击事件

$("#shi").change(function(){

FillQu();

})//给shi菜单添加点击事件

});//页面加载完成之后过来执行某些代码

3.填充sheng方法

function FillSheng()

{

var pcode = "";//定义一个变量

$.ajax({

url:"chuli.php",

data:{pcode:pcode},

type:"POST",

dataType:"TEXT",

success:function(data){

var hang = data.split("^");

str +=""+lie[1]+"";

}

$("#sheng").html(str);

});

}

2.填充shi方法

function FillShi()

{

var pcode = $("#sheng").val();

$.ajax({

async:false,

url:"chuli.php",

data:{pcode:pcode},

type:"POST",

dataType:"TEXT",

success: function(data){

var hang = data.split("|");

var str = "";

for(var i=0;i

{

var lie = hang[i].split("^");

str += ""+lie[1]+"";

}

$("#shi").html(str);

}

});

}

3.填充qu方法

function FillQu()

{

var pcode = $("#shi").val();

$.ajax({

url:"chuli.php",

data:{pcode:pcode},

type:"POST",

dataType:"TEXT",

success: function(data){

var hang = data.split("|");

var str = "";

for(var i=0;i

{

var lie = hang[i].split("^");

str += ""+lie[1]+"";

}

$("#qu").html(str);

}

});

}

4.chuli页面

include("DBDA.class.php");

$db = new DBDA();

$pcode = $_POST["pcode"];

$sql = "select * from chinastates where parentareacode='{$pcode}'";

echo $db->StrQuery($sql);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

3级联动 ajax java_ajax实现三级联动的基本方法相关推荐

jQuery下的ajax之省市区三级联动
jQuery下的ajax之省市区三级联动小编提醒一下别忘了引入jQuery文件哟 HTML 所在省份:<select name="province"><opti ...
jquery省市区ajax,jQuery省市区三级联动
jQuery省市区三级联动演示下载,本文将给大家介绍一款非常好用的省市区三级联动插件:cityselect.通过这款城市联动插件,省市区三级联动cityselect插件可以无刷新省市区联动效果. 查看 ...
php原生态三级联动_ajax php实现三级联动的方法
ajax php实现三级联动的方法发布时间:2020-08-19 09:34:43 来源:亿速云阅读:106 作者:小新小编给大家分享一下ajax php实现三级联动的方法,希望大家阅读完这篇文 ...
dropdownlist ajax联动,asp.net省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例...
本文主要列举了省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例.前段时间需要作一个的Web前端应用,需要用多个框架,一个典型的应用场景是省市三级 ...
AJAX省市县三级联动的实现
省市县数据本例子中省市县数据保存在MySQL数据库中,部分数据截图如下: 从数据库中读取数据导入需要的jar包连接池配置文件 <c3p0-config><!-- 默认配置,如果 ...
JQuery+ajax实现省市区三级联动（附：补充代码内容）
省市区三级联动的实现(附:补充代码) 有了下面的代码,别忘了导入需要的jar包,用到的jar包到网上都能找到. 如果觉得不错,就点个赞!谢谢观望!! ## 1.效果图 ## 2.jsp页面,nov ...
原生js写三级联动 java_原生js三级联动的简单实现代码
本文实例为大家分享了js查询天气应用,供大家参考,具体内容如下实现功能:打开网页时显示用户所在城市的天气状况,在输入框输入城市可查询其它城市. 实现过程:先调用百度地图的API来获取用户所在的城市, ...
mysql 省市区三级联动_javaweb--json--ajax--mysql实现省市区三级联动（附三级联动数据库）...
在web中,实现三级联动很常见,尤其是利用jquery+json.但是从根本上来说jquery并不是最能让人容易理解的,接下来从最基本的javascript开始,实现由javascript+json+ ...
java三级联动从数据库查,三级联动+数据库
jsp页面三级联动+数据库 sanjilist = sanjiDao.getSanjilistBySql(sql1); session.setAttribute("provinces&qu ...

3级联动 ajax java_ajax实现三级联动的基本方法

3级联动 ajax java_ajax实现三级联动的基本方法相关推荐

最新文章

热门文章