AJAX省市区三级联动下拉菜单(java版)

AJAX省市区三级联动下拉菜单(java版)

此小程序的功能主要是采用异步请求方式从数据库中调取省市区信息显示到下拉列表：

代码如下：

建立数据库中的代码和一些配置文件信息就省略了，主要有javascript中的代码为：

$(document).ready(function(){

$.get("getProvince.do", function(result){

$("#showp").html(result);

});

})

var xmlhttp;

function mysend(str){

$(document).ready(function(){

$("#show2").html("");

})

var show = document.getElementByIdx_x_x_x_x_x_x_x_x_x("show");

show.innerHTML = "";

var province = document.getElementByIdx_x_x_x_x_x_x_x_x_x("province").value;

if(province!=0){

if(window.XMLHttpRequest){

xmlhttp = new XMLHttpRequest();

}else{

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=function(){

if(xmlhttp.readyState==4 && xmlhttp.status==200){

show.innerHTML = xmlhttp.responseText;

}

}

var ss = encodeURIComponent(str);

xmlhttp.open("GET","getCity.do?provinceid="+ss,true);

xmlhttp.send(null);

}

}

function myarea(str){

if(window.XMLHttpRequest){

xmlhttp = new XMLHttpRequest();

}else{

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=function(){

if(xmlhttp.readyState==4 && xmlhttp.status==200){

var show2 = document.getElementByIdx_x_x_x_x_x_x_x_x_x("show2");

show2.innerHTML = xmlhttp.responseText;

}

}

var ss = encodeURIComponent(str);

xmlhttp.open("GET","getArea.do?cityid="+ss,true);

xmlhttp.send(null);

}

html页面中的代码为：

所在地

action中的代码为：

主要的功能代码都在上面了，如有不懂的请联系QQ：1037139984，祝大家都有好的发展，共同学习，共同成长。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。