/**

* ajax无刷新二级联动下拉菜单(省市联动)

*

* @author      arcow

* @version     1.0

* @lastupdate  2005-12-29

*

*/

var http_request = false;

function send_request(url,method) {//初始化、指定处理函数、发送请求的函数

http_request = false;

//开始初始化XMLHttpRequest对象

if(window.XMLHttpRequest) { //Mozilla 浏览器

http_request = new XMLHttpRequest();

if (http_request.overrideMimeType) {//设置MiME类别

http_request.overrideMimeType(‘text/xml‘);

}

}

else if (window.ActiveXObject) { // IE浏览器

try {

http_request = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try {

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

} catch (e) {}

}

}

if (!http_request) { // 异常,创建对象实例失败

window.alert("不能创建XMLHttpRequest对象实例.");

return false;

}

switch(method){

case 1: http_request.onreadystatechange = processRequest1;break;//选择操作函数

case 2: http_request.onreadystatechange = processRequest2;break;

case 3: http_request.onreadystatechange = processRequest3;break;

}

// 确定发送请求的方式和URL以及是否同步执行下段代码

http_request.open("GET", url, true);

http_request.send(null);

}

// 处理返回信息的函数

function processRequest1() {//操作函数1,调入省

if (http_request.readyState == 4) { // 判断对象状态

if (http_request.status == 200) { // 信息已经成功返回,开始处理信息

document.getElementById("statusTxt").innerHTML="";

addOptionGroup("province",http_request.responseText);

} else { //页面不正常

alert("您所请求的页面有异常。");

}

}else {//只要未读取完成

document.getElementById("statusTxt").innerHTML="正则读取数据中……";

}

}

function processRequest2() {//操作函数2,调入市

if (http_request.readyState == 4) { // 判断对象状态

if (http_request.status == 200) { // 信息已经成功返回,开始处理信息

document.getElementById("statusTxt").innerHTML="";

addOptionGroup("city",http_request.responseText);

} else { //页面不正常

alert("您所请求的页面有异常。");

}

}else {//只要未读取完成

document.getElementById("statusTxt").innerHTML="正则读取数据中……";

}

}

function processRequest3() {//操作函数3,输入省市

if (http_request.readyState == 4) { // 判断对象状态

if (http_request.status == 200) { // 信息已经成功返回,开始处理信息

document.getElementById("statusTxt").innerHTML="";

document.getElementById("district").value=http_request.responseText;

} else { //页面不正常

alert("您所请求的页面有异常。");

}

}else {//只要未读取完成

document.getElementById("statusTxt").innerHTML="正则读取数据中……";

}

}

function loadProvince() {//载入省

send_request("select.server.php?action=province",1);//服务端处理程序,操作函数

}

function loadCity() {//载入市

document.getElementById("district").value="";//清空文本框

send_request("select.server.php?action=city&id="+document.getElementById("province").value,2);

}

function inputDistrict() {//向文本框输入选定的省市

send_request("select.server.php?action=district&id="+document.getElementById("province").value+"&id1="+document.getElementById("city").value,3);

}

addoption php,无忧建站-ajax+php无刷新二级联动下拉菜单(省市联动)源码相关推荐

  1. ThinkPHP + Ajax 实现2级联动下拉菜单

    为什么80%的码农都做不了架构师?>>>    首先是数据库的设计.分类表叫cate. 我做的是分类数据的二级联动,数据需要的字段有:id,name(中文名),pid(父id). 父 ...

  2. php下拉列表 二级 联动,PHP+Ajax实现二级联动下拉菜单!

    正文 字体大小: 中 PHP+Ajax实现二级联动下拉菜单! (2009-12-05 01:11:39) 标签: 杂谈 数据库 .................................... ...

  3. php没有上级分类的联动,ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单...

    首先是数据库的设计.分类表叫cate. 我做的是分类数据的二级联动,数据需要的字段有:id,name(中文名),pid(父id). 父id的设置: 若数据没有上一级,则父id为0,若有上级,则父id为 ...

  4. php ajax联动下拉列表,PHP和Ajax实现二级联动下拉菜单(代码、详细注释)

    数据库 ................................................................................................ ...

  5. ajax异步请求数据库实现级联下拉菜单。

    ajax实现级联下拉菜单,使用Springboot实现. 思路很简单,使用ajax异步请求数据库数据即可. 文末有项目源码! 实现效果: 废话不多说,现在我们来开始实现! 第一步. 创建三张表:省.市 ...

  6. php联动下拉菜单 无刷新 数据库 本人自己修改的,经测试可用

    网上没有一个可以拿来直接用的.最终老子还是动怒了.经过不屑的努力..老子终于把一个玩意给修改成功了..心脏病都快犯了.看来还要多研究JS.. 源码是从csdn转来的,忘了是谁发的了~在此感谢. < ...

  7. ajax实现数据库获取select二级联动下拉菜单

    HTML内容: <li><span>一级分类:</span><select name="yjid" class="yjid&qu ...

  8. mysql 省市县三级联动查询_PHP+AJAX+MYSQL 仿凡客诚品省市县三级联动下拉菜单查询效果...

    连接数据库:db.php $dbhost="localhost"; $dbpassword="123"; $dbuser ='root';//数据库用户名 $d ...

  9. jqurey ajax 的动态添加二级联动下拉菜单

    aspx <div id="Attribute"> 添加类型:<span class="oper"> <a href=" ...

最新文章

  1. Centos 7.x 设置Lvs+ Keepalived
  2. Linux之apt-get:apt-get的简介、安装、使用方法之详细攻略
  3. swing JTable 更新数据
  4. spring事务配置,声明式事务管理和基于@Transactional注解的使用
  5. InnoDB Monitors
  6. golang 类型说明
  7. java成员访问属性,在Java中,针对类、成员方法和属性提供了四种访问级别,分别是private、static、prot...
  8. 暗黑的字符串---递推公式
  9. ubuntu使用笔记
  10. 常用的北斗高精度定位技术有哪些?
  11. 批处理For--分割字符串
  12. 在sheet1工作表中进行高级筛选,筛选出计算机或英语大于85分的,2017年职称计算机考试EXCEL操作题...
  13. 【python】将图片格式转换为RGB格式
  14. 【转】Mac QQ截图保存在哪里?
  15. html关键技术包括,物联网的关键技术包括哪些
  16. Amazon 亚马逊 AWS S3 跨源资源共享 (CORS)设置
  17. 怎么实现红鲤鱼与绿鲤鱼与驴代码
  18. HMI-48-【多媒体】Title界面实现 3
  19. 普元 AppServer 6.5 业务应用连接mysql数据库报错:java.security.UnrecoverableKeyException: Password verification fai
  20. 基于PHP+MySQL托管中心管理系统的设计与实现

热门文章

  1. SDUT喵帕斯之天才算数少女
  2. 人脸识别行业热点频频背后蕴藏巨大商机
  3. 基于SSM医药后台管理系统
  4. 以色列初创企业Skyline AI获300万美元种子融资,红杉资本领投
  5. 金桔蓝牙网关蓝牙连接错误代码对照表
  6. 【学习总结】激光雷达与相机外参标定:原理与代码1
  7. 香港理工计算机世界排名,香港理工大学这四个专业是全球百强
  8. 前端加载动画/加载等待动画
  9. Xilinx_ISE14.7安装包网盘下载
  10. 用MFC创建个性的对话框