Question

您好我需要动态创建基于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附加行或删除子项。

我的下拉列表是否有可能根据xml进行更新？我希望选项是属性 LookupName 。值为 LookupID 。如果你知道如何使用javascript。请告诉我。谢谢。

Answer 1

创建事件以在更新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>'); 
     });
 });

上面的代码只是基于作者

提供的先决条件的原型

快乐编码：）

HTML选择基于xml的下拉列表项

1 个答案: