如何從javascript/jquery中的第3個字開始自動完成textarea中的每一行？

Question

所以我有成分的一個這樣的數組：

var ingredients = ["Olive Oil", "Parmesan Cheese", "Salt"]; 

我有一個文本區域，我想每一行與成分之一被自動完成。例如，如果我輸入「Ol」，它應該建議橄欖油。

但是，每行應從第3個字開始自動完成。

例如，文本區域的第一行可能是：4湯匙橄欖油。

第一個單詞是數量，第二個單詞是單位，所以配料的自動完成必須從文本區域中每行的第三個單詞開始。

我該怎麼做呢？ 請幫忙，並提前致謝！

Answer 1

如果你知道這個字符串總是會有至少3個字，就像你說的（數量，單位，成分），你可以很容易地得到這種成分。

var str = '4 tbsp Olive Oil'; 
 

 
var ingredient = str.split(' ').splice(2).join(' ') 
 

 
alert(ingredient);

這樣做是按字（分割空間）分開的短語時，刪除第一個2個字，然後加入它重新走到一起，所以你可以在自動完成使用它。