小編給大家分享一下XML卷之選單連動的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

我們提供的服務(wù)有：成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、新源ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的新源網(wǎng)站制作公司

XML卷之選單連動

有2個文件：Citys.xml 和 CitySelect.htm

作用：
選擇省份后可以自動顯示相對應(yīng)的城市，這樣方便用戶，有效的提高數(shù)據(jù)互動，讓自己的頁面更加絢麗多彩。  
效果：
瀏覽這里  
代碼：

Citys.xml 


  
    九江
    南昌
    廬山
    景德鎮(zhèn)
  
  
    北京西
    居庸關(guān)
    清華園
    周口店
  
  
    福州
    廈門
    漳州
  
  
    蘭州
    洛門
    嘉峪關(guān)
  
  
    廣州
    深圳
    東莞
    石牌
  
  
    合肥
    黃山
    九龍崗
    馬鞍山
  

CitySelect.htm

自定義函數(shù)：ChooseState
(讀取XML數(shù)據(jù)中的省的名稱，并增加到SelState的下拉列表中)

function ChooseState()
{
  var source;
  var sourceName = "Citys.xml";
  var source = new ActiveXObject('Microsoft.XMLDOM');   //創(chuàng)建一個 MSXML解析器實例
  source.async = false;
  source.load(sourceName);   //裝入XML文檔
  root = source.documentElement;   //設(shè)置文檔元素為根節(jié)點元素
  sortField=root.selectNodes("http://@name");   //搜索屬性中含有name的所有節(jié)點
  for(var i=0;i
自定義函數(shù)：ChooseCity
(根據(jù)當前選定的省名來讀取XML數(shù)據(jù)中的對應(yīng)城市名稱，并增加到SelCity 的下拉列表中)
function ChooseCity()
{
  x=form1.SelState.selectedIndex;   //讀取省份下拉框的當前選項
  y=form1.SelState.options[x].value;
  sortField=root.selectNodes("http://State[@name='"+y+"']/City&q uot;);   //搜索name屬性值等于
參數(shù)y的State節(jié)點下的所有city節(jié)點
  for(var i=form1.SelCity.options.length-1;i>=0;--i)   //撤消原來的列表項
  {
    form1.SelCity.options.remove(i)
  }
  for(var i=0;i
表單源碼







以上是“XML卷之選單連動的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
            
            
                        

            本文標題：XML卷之選單連動的示例分析            

            標題URL：http://weahome.cn/article/pohpoo.html