javascript - jQueryは、テキスト入力の値に基づいてリストを選択します

Question

テキストボックスの入力値に基づいて選択リストを作成できるコードを作成しようとしています。

例:
ユーザーがテキストボックスにミルクを入力した場合、選択リストには"full fat", "Skimmed", "1% Milk"

I have been online が含まれ、これを行う方法に関する情報が見つかりません。jqueryを使用して、前の選択リストからの選択に基づいて、1つの選択リストを自動入力することができました。ただし、テキストボックスを使用する場合の解決策が見つかりません。
私の質問をチェックしてくれてありがとう！

Answer 1

オプションの配列を含むオブジェクトを作成します。

selectOptions = {
   milk: ["full fat", "Skimmed", "1% Milk"]
}

これに基づいて、イベントが発生したときに<option>タグを追加できます。<select>onchange<textarea>

$('textarea').change(function() {
   if(selectOptions[$(this).val()]) { // does the selectOptions object have an entry for the value of the textarea?
       $.each(selectOptions[$(this).val()], function() { // for each array item do
           $('select').append('<option>' + this + '</option>'); // append an option tag for the array item
       });
   }
});