javascript - jQuery根据文本输入的值填充选择列表

我正在尝试编写允许基于文本框的输入值填充选择列表的代码。例如:如果用户在文本框中输入牛奶，则选择列表将包含"full fat", "Skimmed", "1% Milk"我一直在线，找不到有关如何执行此操作的任何信息。我已经设法使用jquery根据上一个选择列表自动填充一个选择列表。但是，我找不到使用文本框的解决方案。感谢您检查我的问题!

最佳答案

创建一个包含选项数组的对象:

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
       });
   }
});