Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Javascript自动完成xml get plus属性_Jquery_Xml_Autocomplete - Fatal编程技术网

Jquery Javascript自动完成xml get plus属性

Jquery Javascript自动完成xml get plus属性,jquery,xml,autocomplete,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"/

我正在尝试使用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传递给另一个输入。 我是否遵循了这个示例,这正确地让我使用了autocomplite,但我不知道如何使用CODPOST并将其插入到

$(文档).ready(函数(){
var myArr=[];
$.ajax({
键入:“获取”,
url:“myxml.xml”,//更改为服务器上文件的完整路径
数据类型:“xml”,
成功:解析XML,
完成:setupAC,
故障:功能(数据){
警报(“找不到XML文件”);
}
});
函数解析xml(xml)
{
//查找每个查询值
$(xml).find(“行”).each(函数()
{
myArr.push($(this.attr(“COMLIB”));
});
}
函数setupAC(){
$(“输入#搜索框”)。自动完成({
资料来源:myArr,
最小长度:3,
选择:功能(事件、用户界面){
$(“输入#搜索框”).val(ui.item.value);
}
});
}
});
关键词搜索
萨姆比特
你有什么建议或链接给我? 谢谢

     $(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>
 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);  



    }
   });