XML實戰秘籍第四卷：選單連動-XML/RSS教程-PHP中文網

首頁

後端開發

XML/RSS教程

XML實戰秘籍第四卷：選單連動

巴扎黑

Mar 19, 2017 pm 03:45 PM

phpphp教程影片教學

[導讀] 現在我們做個在IE裡應用xml的一個小範例：解決雙下拉選單的連動問題。大家最常見的可能就是選取省份後改變城市選項的例子了，那我們就來試試用XML來完成吧。先前介紹的一些功能我是直接用XML+XSL檔來完成的，

現在我們做個在IE裡應用xml的一個小例子：解決雙下拉選單的連動問題。大家最常見的可能就是選取省份後改變城市選項的例子了，那我們就來試試用XML來完成吧。

以前介紹的一些功能我是直接用XML+XSL檔案來完成的，大家可能還不是很熟悉它的用法，所以我這次就用HMTL+XML來做，希望能夠讓大家更清楚的了解--「XML原來可以這麼簡單！」：）

材質：
XML磁碟區之選單連動
有2個檔案：Citys.xml 和CitySelect.htm

作用：
選擇省份後可以自動顯示相對應的城市，這樣方便用戶，有效的提高數據互動，讓自己的頁面更加絢麗多彩。
效果：
瀏覽這裡
程式碼：
Citys.xml

<?xml version="1.0" encoding="gb2312"?>
<China>
  <State id="1" name="江西">
    <City>九江</City>
    <City>南昌</City>
    <City>庐山</City>
    <City>景德镇</City>
  </State>
  <State id="2" name="北京">
    <City>北京西</City>
    <City>居庸关</City>
    <City>清华园</City>
    <City>周口店</City>
  </State>
  <State id="3" name="福建">
    <City>福州</City>
    <City>厦门</City>
    <City>漳州</City>
  </State>
  <State id="4" name="甘肃">
    <City>兰州</City>
    <City>洛门</City>
    <City>嘉峪关</City>
  </State>
  <State id="5" name="广东">
    <City>广州</City>
    <City>深圳</City>
    <City>东莞</City>
    <City>石牌</City>
  </State>
  <State id="6" name="安徽">
    <City>合肥</City>
    <City>黄山</City>
    <City>九龙岗</City>
    <City>马鞍山</City>
  </State>
</China>

CitySelect.htm

自訂函數： ChooseState
(讀取XML資料中的省份的名稱，並增加到SelState的下拉清單中)

function ChooseState()
{
  var source;
  var sourceName = "Citys.xml";
  var source = new ActiveXObject(&#39;Microsoft.XMLDOM&#39;);   //创建一个 MSXML解析器实例
  source.async = false;
  source.load(sourceName);   //装入XML文档
  root = source.documentElement;   //设置文档元素为根节点元素
  sortField=root.selectNodes("//@name");   //搜索属性中含有name的所有节点
  for(var i=0;i<sortField.length;++i)   //增加省份名称到下拉列表
  {
    var oOption = document.createElement(&#39;OPTION&#39;);
    oOption.text = " "+sortField[i].text+" ";
    oOption.value = sortField[i].text;
     form1.SelState.options.add(oOption); 
  }
   ChooseCity();
}

自訂函數：ChooseCity
(根據目前選定的省名來讀取XML資料中對應的城市名稱，並增加到SelCity 的下拉清單中)

function ChooseCity()
{
  x=form1.SelState.selectedIndex;   //读取省份下拉框的当前选项
  y=form1.SelState.options[x].value;
  sortField=root.selectNodes("//State[@name=&#39;"+y+"&#39;]/City&q uot;);   //搜索name属性值等于
参数y的State节点下的所有city节点
  for(var i=form1.SelCity.options.length-1;i>=0;--i)   //撤消原来的列表项
  {
    form1.SelCity.options.remove(i)
  }
  for(var i=0;i<sortField.length;++i)   //增加城市名称到下拉列表
  {
    var oOption = document.createElement(&#39;OPTION&#39;);
    oOption.text = " "+sortField[i].text+" ";
    oOption.value = sortField[i].text;
    form1.SelCity.options.add(oOption); 
  }
}

##表單來源碼

#

<BODY onLoad="ChooseState()">
<FORM action="" method="post" id="form1" name="form1">
<SELECT name="SelState" id="SelState" onchange="ChooseCity()" >
</SELECT>
<SELECT name="SelCity" id="SelCity" >
</SELECT>
</FORM>
</BODY>

後記：
剛開始學XML的時候，我也有著和大家一樣的迷惑--- 「XML我是學了，可究竟這XML該怎麼用呢？所以我將網站建置中最常用到的一些功能以XML的方式完成。你也一樣可以的！

以上是XML實戰秘籍第四卷：選單連動的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

XML在RSS中的優勢：技術深度潛水Apr 23, 2025 am 12:02 AM

XML在RSS中具有結構化數據、可擴展性、跨平台兼容性和解析驗證的優勢。 1）結構化數據確保內容的一致性和可靠性；2）可擴展性允許添加自定義標籤以適應內容需求；3）跨平台兼容性使其在不同設備上無縫工作；4）解析和驗證工具確保Feed的質量和完整性。

XML中的RSS：揭示內容聯合的核心Apr 22, 2025 am 12:08 AM

RSS在XML中的實現方式是通過結構化的XML格式來組織內容。 1)RSS使用XML作為數據交換格式，包含頻道信息和項目列表等元素。 2)生成RSS文件需按規範組織內容，發佈到服務器供訂閱。 3)RSS文件可通過閱讀器或插件訂閱，實現內容自動更新。

超越基礎：高級RSS文檔功能Apr 21, 2025 am 12:03 AM

RSS的高級功能包括內容命名空間、擴展模塊和條件訂閱。 1）內容命名空間擴展RSS功能，2）擴展模塊如DublinCore或iTunes添加元數據，3）條件訂閱根據特定條件篩選條目。這些功能通過添加XML元素和屬性實現，提升信息獲取效率。

XML主鏈：RSS提要如何結構Apr 20, 2025 am 12:02 AM

RSSFEEDSUSEXMLTOSSTRUCTURECONTUPDATE.1）XMLPROVIDEDIDESAHIERARCHICALSTRUCTUREFFORDATA.2）THEELEMENTDEFINESTHEEFEED'SIDENTITYANDCONTAINS ELEMENT.3）ELEMENTEMERPREPRESERPRESENTERPRESENTIVIDIVIVELPIECTUALPIECES.4）RSSSSSSSSSSSISEXTEXTENSIBLERECTICERSINCREECTINCERINCTICENT.5）

RSS和XML：了解Web內容的動態二重奏Apr 19, 2025 am 12:03 AM

RSS和XML是用於網絡內容管理的工具。 RSS用於發布和訂閱內容，XML用於存儲和傳輸數據。它們的工作原理包括內容髮布、訂閱和更新推送。使用示例包括RSS發布博客文章和XML存儲書籍信息。

RSS文檔：Web聯合組織的基礎Apr 18, 2025 am 12:04 AM

RSS文檔是基於XML的結構化文件，用於發布和訂閱頻繁更新的內容。它的主要作用包括：1)自動化內容更新，2)內容聚合，3)提高瀏覽效率。通過RSSfeed，用戶可以訂閱並及時獲取來自不同來源的最新信息。

解碼RSS：內容提要的XML結構Apr 17, 2025 am 12:09 AM

RSS的XML結構包括：1.XML聲明和RSS版本，2.頻道（Channel），3.條目（Item）。這些部分構成了RSS文件的基礎，允許用戶通過解析XML數據來獲取和處理內容信息。

如何解析和利用基於XML的RSS提要Apr 16, 2025 am 12:05 AM

RSSFEEDSUSEXMLTOSYNDICATECONTENT; PARSINGTHEMINVOLVESLOADINGINGINGINGINSSTRUCTURE，andExtractingData.ApplicationsIncludeBuildBuildingNewSagGregatorSaterNewSagGregatorSator andTrackingPodcastepodcastepisodes。

See all articles