Question

我有一个表单，用户可以在其中输入不同的信息。其中一个领域是“StudyCode”。一旦用户输入研究代码，在报告的另一部分中，“DrugName”字段将动态填充属于该特定研究的药物列表（下拉列表）。

示例XML（druglist.xml）：

<DrugList>
    <DrugCode Code="6995">
        <Name>Drug 1</Name>
        <Name>Drug 2</Name>
        <Name>Drug 3</Name>
    </DrugCode>
    <DrugCode Code="0130">
        <Name>Drug 4</Name>
        <Name>Drug 5</Name>
    </DrugCode>
    <DrugCode Code="3951">
        <Name>Drug 6</Name>
        <Name>Drug 7</Name>
        <Name>Drug 8</Name>
        <Name>Drug 9</Name>
    </DrugCode>
</DrugList>

到目前为止

代码（test.html）：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script lang="Javascript">
   $.noConflict();
   jQuery(document).ready(function($) {
      var myField = $("#myList")
      var myOutputField = $("#myOutput").parent().parent().find("input");
      myOutputField.attr("readonly",true); 

      $.ajax({
         type: "GET",
         url: "includes/DrugList.xml",
         dataType: "xml",
         success: parseXML
      });

      function parseXML(xml){
         $(xml).find("DrugCode").each(function(){
            myField.append($("<option />").val($(this).attr("Code")).text($(this).find("Name").text()));
         });
         myField.val(myOutputField.val());
      }

      myField.change(function(){
         myOutputField.val(myField.val());
         myOutputField.change();
      });
   });
</script><select id="myList">

我做错了什么？

从XML值动态生成下拉列表

0 个答案: