<div class="codetitle"> <span><a style="CURSOR: pointer" data="25768" class="copybut" id="copybut25768" onclick="doCopy('code25768')"><u>复制代</u></a></span>代码如下:</div> <div class="codebody" id="code25768"> <br><html xmlns="http://www.w3.org /1999/xhtml"> <BR><head runat="server"> <br><title>jquery xml 解析</title> <br><script src="jquery.min.js" type="text/javascript"></script> <br><script type="text/javascript"> <br>$(document).ready(function(){ <br>$.ajax({url:"City.xml", <br>success:function(xml){ <br>$(xml).find( "province").each(function(){ <br>var t = $(this).attr("name");//this-><br>$("#DropProvince").append("< ;option>" t "</option>"); <BR>}); <BR>} <BR>}); <BR>$("#DropProvince").change(function(){ <BR> $("#sCity>option").remove(); <BR>var pname = $("#DropProvince").val(); <BR>$.ajax({url:"City.xml", <🎜) >success:function(xml){ <BR>$(xml).find("province[name='" pname "']>city").each(function(){ <BR>$("#sCity") ).append("<オプション>" $(this).text() "</オプション>") <br>} <br>}); 🎜>}); <br></script> <br></head> <br> <br><form id="form1"> <br><div> <br><select id="DropProvince" style="width:60px;"> <br><option>请选择</option> <br></select> <br><select id="sCity" style="width:60px;"> <br></select> <br> </div> <br></form> <br></body> <br></html> <br><br><br><br>city.xml 文件 <br> </div> <br><strong><br></strong>复制代码<div class="codetitle"> <span><a style="CURSOR: pointer" data="17482" class="copybut" id="copybut17482" onclick="doCopy('code17482')">代码如下:<u></u></a><?xml version="1.0" encoding="utf-8" ?> </span> </div><県名="湖北"> <div class="codebody" id="code17482"><city>武汉</city> <br><city>黄石</city> <br><city>宜昌</city> <br><city>天门</city> <BR></province> <br><県名="湖南"> <br><city>邵阳</city> <br><city>长沙</city> <BR><city>岳阳</city> <BR></province> <br><省名="广东"> <br><city>广州</city> <br><city>深圳</city> <br></province> <br></provinces><br><br> <br>主に注意怎样在html界面上解析xml文件，格式就是<br><br></city></city> </div> <br><br>复制代<div class="codetitle"> <span><a style="CURSOR: pointer" data="95456" class="copybut" id="copybut95456" onclick="doCopy('code95456')">代码如下:<u></u> </a><script type="text/javascript"> </span>$(document).ready(function () { </div>$.ajax({ <div class="codebody" id="code95456">url: "City.xml", <br>成功: function (xml) { <br>$(xml) .find("province").each(function () { <br>var t = $(this).attr("name"); <br>$("#DropProvince").append("<option>; " t "</option>"); <br>}); <br>} <br>}); <br>$("#DropProvince").change(function () { <br>$(" #sCity>option").remove(); <br>var pname = $("#DropProvince").val(); <br>$.ajax({ <br>url: "City.xml", <br>成功: function (xml) { <br>$(xml).find("province[name='" pname "']>city").each(function(){ <br>$("#sCity") ).append("<オプション>" $(this).text() "</オプション>") <br>} <br>}); 🎜>}); <br></script> <br><br> <br> は、$.ajax() を使用して xml ファイルを調整する内容です。その後、$.each() が循環操作を実行します。基本的な考え方はこのようで、成功後にこの関数が実行されます。ファイルはデータを保存するために使用され、データベース内のファイルを取得することに相当します。</option> </div>
