2014-01-22 43 views
0

您好,我需要基於動態xml創建一個選擇下拉列表。HTML選擇基於xml的下拉列表項目

讓我說我有ff。 XML,xmlSelSROption

<PMLookupResponse> 
     <Row LookupID="3" LookupType="CTR" LookupName="Good" LookupOrder="1" LookupDescription="Checklist status is pass." LookupStatus="1"/> 
     <Row LookupID="4" LookupType="CTR" LookupName="Fair" LookupOrder="2" LookupDescription="Checklist status is fail." LookupStatus="1"/> 
     <Row LookupID="5" LookupType="CTR" LookupName="Needs Repair" LookupOrder="3" LookupDescription="Checklist status is not applicable." LookupStatus="1"/> 
     <Row LookupID="6" LookupType="CTR" LookupName="Not Inspected" LookupOrder="4" LookupDescription="Checklist status is complete." LookupStatus="1"/> 
     <Row LookupID="7" LookupType="CTR" LookupName="N/A" LookupOrder="5" LookupDescription="Checklist status is not complete." LookupStatus="1"/> 
     <Row LookupID="0" LookupName="None"/> 
</PMLookupResponse> 

這是建立在JavaScript的。現在,在我的頁面的HTML部分,我有一個下拉列表selOptionSR

<select id="selOptionSR"></select> 

現在有頁面的某些部分,其中XML追加行或刪除childrows。

是否有可能我的下拉列表基於xml更新?我想要的選項是屬性LookupName。值爲LookupID。如果你知道如何使用JavaScript。請告訴我。謝謝。

+0

是的,有可能提供的先決條件的原型。 – undefined

+0

怎麼樣?我真的不知道如何在JavaScript中實現這一點。 (newbie) – ifallelsefailthenstackoverflow

+0

Dupe - http://stackoverflow.com/questions/14965790/using-jquery-ajax-to-populate-a-drop-down-menu-with-xml-file –

回答

0

在更新xml內容時創建一個觸發下拉列表框的事件,然後爲下拉列表框編寫一個事件處理程序,以基於最新的xml內容獲取更新。

$('#xml').on('change',function(){ 
     $('#list').empty(); 
    $(this).find('Row').each(function() { //loop through complete rows 
      att= $(this).attr('LookupName'); //extract attribute 
      val= $(this).attr('LookupID'); //extract value 

      $('#list').append('<option value'+ val+'>'+att +'</option>'); 
    }); 
}); 

上面的代碼只是基於由作者

編碼快樂:)

相關問題