读取xml文件，制作下拉框
发布时间：2020-12-15 23:09:39 所属栏目：百科 来源：网络整理
导读：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
|
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>
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |