Javascript自动填充xml get plus属性

时间:2017-05-09 15:14:35

标签: jquery xml autocomplete

我正在尝试使用javascript进行自动填充。 我在网上看到了一些例子,但我找不到与我的情况有关的东西。 我想一起实现两个函数,她在自动完成第二个之前将另一个值传递给另一个输入。 我有一个具有各种属性的xml。

<ROOT>
<ROW COMCOD="01344" COMLIB="SAINT-DENIS-LES-BOURG" CODPOS="01000" IDCOMM="1" ETRANG="N" COLMEE="N" CSAGES="0104P01" FUSION="N"/>
<ROW COMCOD="01914" COMLIB="BROU" CODPOS="01000" IDCOMM="2" ETRANG="N" COLMEE="O" CSAGES="" FUSION="N"/>
<ROW COMCOD="01053" COMLIB="BOURG-EN-BRESSE" CODPOS="01000" IDCOMM="3" ETRANG="N" COLMEE="N" CSAGES="0104P01" FUSION="N"/>
<ROW COMCOD="01053" COMLIB="BOURG EN BRESSE CEDEX" CODPOS="01001" IDCOMM="4" ETRANG="N" COLMEE="N" CSAGES="0104P01" FUSION="N"/>
<ROW COMCOD="01183" COMLIB="GUEREINS" CODPOS="01090" IDCOMM="5" ETRANG="N" COLMEE="N" CSAGES="0104P03" FUSION="N"/>
<ROW COMCOD="01225" COMLIB="LURCY" CODPOS="01090" IDCOMM="6" ETRANG="N" COLMEE="N" CSAGES="0104P03" FUSION="N"/>

当使用autocomplite时,我想取值COMLIB并填充消费者的输入。 但我还是希望将值CODPOS传递给另一个输入。 我是否遵循这个例子,正确地让我使用自动注册,但我不知道如何采用CODPOST并将其插入

I'm trying this example

     $(document).ready(function() {
 var myArr = [];

 $.ajax({
   type: "GET",
   url: "myxml.xml", // change to full path of file on server
   dataType: "xml",
   success: parseXml,
   complete: setupAC,
   failure: function(data) {
     alert("XML File could not be found");
   }
 });

 function parseXml(xml)
 {
   //find every query value

   $(xml).find("ROW").each(function()
   {

      myArr.push($(this).attr("COMLIB"));

   });
 }

 function setupAC() {
   $("input#searchBox").autocomplete({
   source: myArr,
   minLength: 3,
   select: function(event, ui) {


    $("input#searchBox").val(ui.item.value);    



   }
  });
 }
});


<form name="search_form" id="searchForm" method="GET" action="search_results.html">
<label for="searchBox">Keyword Search</label>
<input type="text" id="searchBox" name="searchString" />
<input type="text" id="CODPOS" name="CODPOS" />

<button name="searchKeyword" id="searchKeyword">Sumbit</button>
</form>

你有什么建议或一些链接给我? 感谢

1 个答案:

答案 0 :(得分:0)

 function parseXml(xml)
  {
    //find every query value

    $(xml).find("ROW").each(function()
    {
     COMLIB = $(this).attr('COMLIB');
      CODPOS = $(this).attr('CODPOS');
      myArr.push({'value':COMLIB",'CODPOS':CODPOS});


    });
  }





   $("input#searchBox").autocomplete({

    source: myArr,
    minLength: 3,
    select: function(event, ui) {
     event.preventDefault();

    $("input#searchBox").val(ui.item.value);
    $("input#CODPOS").val(ui.item.CODPOS);  



    }
   });