對單個文本框使用多個jquery自動完成數據源

Question

我想爲單個文本框使用多個jQuery自動完成功能，其中每個自動完成的數據源都不同。我有兩個數據源，一個用於在文本框中鍵入@，另一個用於在文本框中鍵入>後使用。

例如：

// Datasource1 
country = {[name:india, displayname:GreatIndia] [name:china , displayName:BigChina] [name:usa , displayname:unitedstates } 

// Datasource2 
colors = {[colorName:Red , Statistic:Dark] [colorName:blue , Statistic:calm] [colorName:Green , Statistic:Cool] } 

如果鍵入「@In」這表明印度各地，GreatIndia其他方式，如果我輸入「@Gr」它也有展現印度，GreatIndia在文本框中。

同樣，對於同一文本框內，如果我鍵入「> BL」它應該顯示藍色，平靜

Answer 1

這可能不是一個完美的答案，但它可以是一個起點。

我還沒有測試過這個，但你可能會做這樣的網址？

$("#id").autocomplete({ 
      source: function (request, response) { 
        $.ajax({ 
        url: function(request.term), 
        dataType: "json", 
        data: { 
          filter: request.term 
        }, 
        success: function (data) { 
         //do something 
        } 
      }) 
      }, 
       select: function (event, ui) { 
        //do something    
      } 
});  

function(term) 
{ 
    //implement logic that 
    //returns a string url 
} 

（我有一個somewhat similar場景的一天（你的是在這個意義上，URL必須動態地設置不同的使用組件本身））