`
hepeng_8
  • 浏览: 80006 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

AJAX实现省市级联 JS

 
阅读更多

<SCRIPT type="text/javascript">

var XMLHttp;

function createXmlhttpRequest() {//判断浏览器 创建异步请求对象
if (window.ActiveXObject) {//IE
XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {//火狐
XMLHttp = new XMLHttpRequest;
}
}

function getshibysheng() {
var shengname = document.getElementById("province").value;
createXmlhttpRequest();
var url = "city!getcitylist.action";
var arg = "province=" +shengname+"&time="+ new Date().getTime();
XMLHttp.onreadystatechange = getshi1;
XMLHttp.open("POST", url);
XMLHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
XMLHttp.send(arg);
}
function getshi1(){
if(XMLHttp.readyState==4&&XMLHttp.status==200){
var allshi = JSON.parse(XMLHttp.responseText);
document.all.city.length=0;
for(var i =0;i<allshi.length;i++)
{
var option =document.createElement("OPTION");

option.text=allshi[i].name;
option.value=allshi[i].id;
option.id=allshi[i].pid;
document.all.city.options.add(option);
}
if(document.all.province.value=="quanguo"){
var option =document.createElement("OPTION");
option.text="-请选择地区-";
document.all.city.options.add(option);
}
}
}
</SCRIPT>

分享到:
评论

相关推荐

    js实现省市级联

    js实现省市级联,避免了ajax查询数据库给数据以及数据库服务器带来的压力。

    省市级联代码纯Javascript(含源代码,测试通过)

    纯Javascript实现的省市区三级级联效果,避免了ajax查询数据库给数据以及数据库服务器带来的负载压力,是您Web开发省市区级联的首选哦!

    ajax 省市区(县) 联动下拉

    ajax 省市区(县) 联动下拉,使用MyEcilpse开发的,

    Ajax 四级导航菜单ASP+Access动态版

    jQuery+AJAX+ASP无刷新提交、删除、翻页实例 ASP+AJAX无刷新用户注册、判断用户名数据库版 Ajax无刷新登录实例(ASP+ACCESS) ASP+ajax树状折叠菜单动态读取数据库版 ASP+AJAX表单验证含省市级联菜单 ASP+AJAX批量...

    省级市级联Demo及数据库

    这是我从网上找到,一个省市区级联的Demo,经本人重新整合,有两个版本asp.net+ajax+sqlserver、jsp+oracle和jsp+ajax+js实现级联

    基于ajax、jquery 通用无限级联菜单

    引用场景: 国家省市级联菜单、任何二级级联菜单、三级菜单、四级菜单、五.... 使用范例:详细参阅District.Selector.js文件 以国家地理信息为例: $(function () { var District1 = new District("userDistrict",{...

    省、市、地区联动JS选择应用,省市地区JS

    3级省地市级联菜单,ie/ff 测试通过,支持多个并存,支持事件 demo1为最简单的一份实现,页面id配置需在js文件中写入,适合简单情况 demo2增加了动态配置,可将配置项传入,适合页面存在多个级联下拉 以下为地市...

    js 省地市级联选择

    demo1为最简单的一份实现,页面id配置需在js文件中写入,适合简单情况 demo2增加了动态配置,可将配置项传入,适合页面存在多个级联下拉 以下为地市数据json格式,可使用ajax获取或者做成ashx/asmx服务也可直接保存为...

    使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例

    实现:省级下拉变化时市下拉区下拉跟着变化,市级下拉变化时区下拉跟着变化。 使用chinastates表查询 Ajax加载数据 1.这是chinastates表 2.做一个简单php:Ajax_eg.php &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head...

    省、市、县插件

    = region(地区信息):region_id(地区ID)、parent_id(地区所属的父ID)、region_type(地区类型:0-国家,1-省级,2-市级,3-县级) = address(用户的地址):aid(主键ID)、province(省编号)、city(市编号...

Global site tag (gtag.js) - Google Analytics