addoption php,无忧建站-ajax+php无刷新二级联动下拉菜单(省市联动)源码
/**
* 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无刷新二级联动下拉菜单(省市联动)源码相关推荐
- ThinkPHP + Ajax 实现2级联动下拉菜单
为什么80%的码农都做不了架构师?>>> 首先是数据库的设计.分类表叫cate. 我做的是分类数据的二级联动,数据需要的字段有:id,name(中文名),pid(父id). 父 ...
- php下拉列表 二级 联动,PHP+Ajax实现二级联动下拉菜单!
正文 字体大小: 中 PHP+Ajax实现二级联动下拉菜单! (2009-12-05 01:11:39) 标签: 杂谈 数据库 .................................... ...
- php没有上级分类的联动,ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单...
首先是数据库的设计.分类表叫cate. 我做的是分类数据的二级联动,数据需要的字段有:id,name(中文名),pid(父id). 父id的设置: 若数据没有上一级,则父id为0,若有上级,则父id为 ...
- php ajax联动下拉列表,PHP和Ajax实现二级联动下拉菜单(代码、详细注释)
数据库 ................................................................................................ ...
- ajax异步请求数据库实现级联下拉菜单。
ajax实现级联下拉菜单,使用Springboot实现. 思路很简单,使用ajax异步请求数据库数据即可. 文末有项目源码! 实现效果: 废话不多说,现在我们来开始实现! 第一步. 创建三张表:省.市 ...
- php联动下拉菜单 无刷新 数据库 本人自己修改的,经测试可用
网上没有一个可以拿来直接用的.最终老子还是动怒了.经过不屑的努力..老子终于把一个玩意给修改成功了..心脏病都快犯了.看来还要多研究JS.. 源码是从csdn转来的,忘了是谁发的了~在此感谢. < ...
- ajax实现数据库获取select二级联动下拉菜单
HTML内容: <li><span>一级分类:</span><select name="yjid" class="yjid&qu ...
- mysql 省市县三级联动查询_PHP+AJAX+MYSQL 仿凡客诚品省市县三级联动下拉菜单查询效果...
连接数据库:db.php $dbhost="localhost"; $dbpassword="123"; $dbuser ='root';//数据库用户名 $d ...
- jqurey ajax 的动态添加二级联动下拉菜单
aspx <div id="Attribute"> 添加类型:<span class="oper"> <a href=" ...
最新文章
- Centos 7.x 设置Lvs+ Keepalived
- Linux之apt-get:apt-get的简介、安装、使用方法之详细攻略
- swing JTable 更新数据
- spring事务配置,声明式事务管理和基于@Transactional注解的使用
- InnoDB Monitors
- golang 类型说明
- java成员访问属性,在Java中,针对类、成员方法和属性提供了四种访问级别,分别是private、static、prot...
- 暗黑的字符串---递推公式
- ubuntu使用笔记
- 常用的北斗高精度定位技术有哪些?
- 批处理For--分割字符串
- 在sheet1工作表中进行高级筛选,筛选出计算机或英语大于85分的,2017年职称计算机考试EXCEL操作题...
- 【python】将图片格式转换为RGB格式
- 【转】Mac QQ截图保存在哪里?
- html关键技术包括,物联网的关键技术包括哪些
- Amazon 亚马逊 AWS S3 跨源资源共享 (CORS)设置
- 怎么实现红鲤鱼与绿鲤鱼与驴代码
- HMI-48-【多媒体】Title界面实现 3
- 普元 AppServer 6.5 业务应用连接mysql数据库报错:java.security.UnrecoverableKeyException: Password verification fai
- 基于PHP+MySQL托管中心管理系统的设计与实现