autocomplete（外部xml數據）將屬性拆分爲單獨的字段

我正在處理自動完成XML數據解析問題。autocomplete（外部xml數據）將屬性拆分爲單獨的字段

我試圖讓每個<states>當用戶使用「標籤」作爲搜索查詢時搜索元素的屬性。

例如：「杜布羅夫尼克」被搜索，並選擇一個選項。挑選後，他們所做選擇中的屬性將被拆分，然後用於填寫表單。

Javascript 注意：tjq = jQuery.noConflict（）;

tjq(function() { 

    var myArr = []; 

    tjq.ajax({ 
     type: "GET", 
     url: "http://www.thetravelosophy.co.uk/images/www.thetravelosophy.co.uk/1/js/Destinations1.xml", 
     dataType: "xml", 
     success: parseXml, 
     complete: setupAC, 
     failure: function(data) { 
     alert("XML File could not be found"); 
     } 
    }); 

    function parseXml(xml) 
    { 
     //find every query value 
     tjq(xml).find("state").each(function() 
     { 
     myArr.push(tjq(this).value("label","country","resort","destair")); 
     }); 
    }; 

function setupAC() 
{tjq("#country1").autocomplete({ 
    source: myArr, 
    minLength: 3, 

select: function(event, ui) { 
     event.preventDefault(); 
     tjq('#country1').val(ui.item.label); 
     this.value = ui.item.label; 
      tjq('#country').val(ui.item.country); 
      tjq("#country").change(); 
      tjq('#resort').val(ui.item.resort); 
      tjq('#destair').val(ui.item.destair);  
      tjq("#destair").change(); 
    } 
});}

的XML數據如下：

<states> 
<state label="Dubrovnik Region, Croatia" country="Croatia" resort="" destair="DBV"/> 
<state label="Dubrovnik Region, Croatia" country="Croatia" resort="" destair="DBV"/> 
<state label="Split Region, Croatia" country="Croatia" resort="" destair="SPU"/> 
<state label="Split, Croatia" country="Croatia" resort="1723" destair="SPU"/> 
</states>

的jsfiddle：https://jsfiddle.net/ftro7bqd/

來源

2016-08-24 Suley Tangun

這是因爲：

myArr.push(tjq(this).value("label","country","resort","destair"));

是無法從讀取值X毫升數據。而且我的空着。

這可能會實現，而不是它：

 label = $(this).find("label").attr('value'); 
    country = $(this).find("country").attr('value'); 
    resort = $(this).find("resort").attr('value'); 
    destair = $(this).find("destair").attr('value'); 
    myArr.push({'label':label,'country':country,'resort':resort,'destair':destair});

現在myArr，該被填充，並自動完成從中篩選出的結果。

來源

2016-08-24 14:07:10

Hi @ v.coder，感謝您的快速回復。我已經將這段代碼放入測試中，但似乎沒有得出任何結果。我是否錯過了自動完成的代碼呢？再次感謝。 –

我創建了一個jsfiddle，如果有幫助？ https://jsfiddle.net/ftro7bqd/ –

你是否添加了jquery-ui庫到代碼 –

autocomplete（外部xml數據）將屬性拆分爲單獨的字段

回答

相關問題