AJAX实现省市级联 JS
2011-05-24 09:30
309 查看
<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>
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、jq实现省市级联
- php+js+ajax+mysql实现省市三级联动
- 关于省市区的下拉列表联动实现(JS+AJAX)
- ajax 省市级联项目中的实现
- ajax 省市级联项目中的实现
- php+vue.js 实现省市县乡的四级联动(ajax加载)
- 基于外部一个省市联动js框架,实现初始化特定的地址级联
- js 实现 省市县三级级联
- Js实现简单的省市级联的效果
- js&&省市级联列表&&分别用数组和JSON实现
- 移动端纯原生JS不依赖ajax后台服务器实现省市县三级联动
- js 实现 省市级联
- 移动端纯原生JS不依赖AJAX后台服务器实现省市县三级联动
- Dynamics CRM 2015 通过JS控制下拉框实现国家省市级联
- php+vue.js 实现省市县乡的四级联动(ajax加载)
- js实现无刷新省市级联
- 用ajax实现一个省市的级联关系!
- JS—我的第四个AJAX程序(省市级联)
- 用php+mysql+json+js+ajax实现省市县三级联动
- 由ajax,js,xml,php实现的三级联动省市县下拉功能