<!DOCTYPE html>

<html>

<head>

    <title></title>

</head>

<body>

<select id="province" name="province">

    <option value="">请选择</option>

    <option value="吉林省">吉林省</option>

    <option value="辽宁省">辽宁省</option>

    <option value="山东省">山东省</option>

</select>

<select id="city" name="city">

    <option value="">请选择</option>

</select>

</body>

<script type="text/javascript">

    //跨浏览器解析Xml

    function LoadXml(filename){

    if (window.XMLHttpRequest)

    {// code for IE7+, Firefox, Chrome, Opera, Safari

        xmlhttp=new XMLHttpRequest();

    }

    else

    {// code for IE6, IE5

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

    }

    xmlhttp.open("GET",filename,false);

    xmlhttp.send();

    xmlDoc=xmlhttp.responseXML;

    //alert(xmlDoc.getElementsByTagName("city")[1].childNodes[0].nodeValue);

    return xmlDoc;

    }

    /*    xmlDoc=LoadXml("city.xml");

     alert(xmlDoc.getElementsByTagName("city")[1].childNodes[0].nodeValue);*/

    window.onload=function(){

        document.getElementById("province").onchange=function(){

            //alert(this.value);

            var xmlDoc=LoadXml("city.xml");

            var ProvinceElement=xmlDoc.getElementsByTagName("province");

            alert(ProvinceElement.length);

        }

    }

</script>

</html>

ajax例子的更多相关文章

  1. Ajax例子，views返回，html接收数据

    Ajax例子,views返回,html接收数据 views from django.shortcuts import render,HttpResponse,render_to_response im ...

  2. struts2框架下的一个简单的ajax例子

    举个例子 jsp页面: <%@ page language="java" import="java.util.*" pageEncoding=" ...

  3. DOM编程艺术章12：一个简单的Ajax例子

    大概入了JavaScript的门,现在要回过头恶补Ajax和json了,随手翻到dom编程艺术发现有一个适合回忆的例子,先抄录下来,引入对Ajax作用的大概印象,再去掰开了研究. <!DOCTY ...

  4. 一个jquery ajax例子

    上次搞了个jquery的AutoComplete效果,感觉很久没写jquery了,趁热打铁,再找点东西练练手.这不,看了一下jquery手册,顺便写了一个小例子,源码我直接贴上来了.   1.新建一个 ...

  5. 原生javascript和jquery实现简单的ajax例子

    后台C#代码 public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/p ...

  6. ajax例子：审核验证用户名；登录界面

    审核验证用户名主页面: <body><div>用户名:<input type="text" id="uid" /><s ...

  7. ajax 例子

    引用 function initCsvModel(year,cityId){ var args = new Object(); args.url= "listUpload!initCsvMo ...

  8. 简单的Ajax例子

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. jquery ajax例子

    (1)取得服务端当前时间 jquery对象.load(url,sendData,function(backData,textStatus,xhr){... ...}) load():如果无参的话,就以 ...

  10. cakephp2.x 一个ajax例子.md

    CakePHP中的ajax还是比较简单,但要注意一些细节. app/View/Layouts下新建ajaxtest.ctp <!DOCTYPE html PUBLIC "-//W3C/ ...

随机推荐

  1. mac os 10.10下安装android studio问题：android studio was unable to find a valid jvm

    友情提示:小编在做到这一步前,已经确定jdk和环境变量已经安装并配置无误,关于怎么检查java环境变量请自行百度. 原因分析:android studio安装包下的info.plist配置文件中有个关 ...

  2. angularjs使用ng-messages的注册表单实例

    <!DOCTYPE html> <html lang="zh-CN" ng-app="app"> <head> <me ...

  3. Java学习笔记（2）：jdk的配置

    配置Java的开发环境 先说明一下,我的jdk文件目录是:D:\language\java\java soft\jdk1.6 JDK的安装与配置 解压“开发软件”中的jdk1.6.rar(解压版)到D ...

  4. poj1850

    是因为我好久不刷题了吗,这个题竟然做了俩小时,好几个思路都被推翻 用dp数组预处理出范围是a->a+x字符y长度有多少种递增串 然后例如def首先求a__有多少种情况那么自然后面就是只有b即dp ...

  5. poj1988 简单并查集

    B - 叠叠乐 Crawling in process... Crawling failed Time Limit:2000MS     Memory Limit:30000KB     64bit ...

  6. JS中，如何查询一个对象的所有属性

    var res = ""; for(var p in object) { res += p + ","; } alert(res);

  7. html Table实现表头固定

    最近一直在搞前台琐碎的东西,也学习了一下linux,没有时间对新的东西进行深入的研究和学习,没有写博客,不过归咎其原因还是在于自己的惰怠. 废话不多说,今天想将一个前台页面设计的一个小东西分享一下,那 ...

  8. IE6~9的css hack写法

    _color: red; /* ie6 */ *color: red; /* ie6/7 */ +color: red; /* ie6/7 */ color: red\0; /* ie8/9 */ c ...

  9. Javascript中的var_dump函数

    最近在做基于OpenSocial的应用,在调试JavaScript时候有一个很头大的问题,就是没有类似PHP的var_dump()的函数,可以把变数内的资料印出来看看, debug时就只能不断的doc ...

  10. jq改变DIV中图片的路径

    <script src="common/jquery.js"></script>  <script language="javascript ...