读取xml文件,制作下拉框

1、jquery读取xml文件,制作下拉框,支持ie、火狐、谷歌等各种浏览器
<html> <head> <script type="text/javascript"src="/scripts/jquery-1.4.2.min.js"></script> </head> <body> $.ajax({ url: 'dept.xml',dataType: 'xml',success: function(data){ //console.log(data); $(data).find("dept").each(function() { var dept=$(this); var id=dept.find("id").text(); var name=dept.find("name").text(); $("#byDept").append('<optionvalue='+id+'>'+name+'</option>'); }); } }); <select id="byDept"name="byDept"> <optionvalue="0">请选择</option> </select> <body> </html> dept.xml文件如下: <?xml version="1.0"encoding="UTF-8"?> <depts> <dept> <id>1</id> <name>a</name> </dept> <dept> <id>2</id> <name>b</name> </dept> <dept> <id>3</id> <name>c</name> </dept> <dept> <id>4</id> <name>d</name> </dept> <dept> <id>5</id> <name>e</name> </dept> <dept> <id>6</id> <name>f</name> </dept> </depts>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


php输出xml格式字符串
J2ME Mobile 3D入门教程系列文章之一
XML轻松学习手册
XML入门的常见问题(一)
XML入门的常见问题(三)
XML轻松学习手册(2)XML概念
xml文件介绍及使用
xml编程(一)-xml语法
XML文件结构和基本语法
第2章 包装类
XML入门的常见问题(二)
Java对象的强、软、弱和虚引用
JS解析XML文件和XML字符串详解
java中枚举的详细使用介绍
了解Xml格式
XML入门的常见问题(四)
深入SQLite多线程的使用总结详解
PlayFramework完整实现一个APP(一)
XML和YAML的使用方法
XML轻松学习总节篇