jQuery populate根据文本输入的值选择列表

Question

我正在尝试编写代码,允许根据文本框的输入值填充选择列表.

例如:
如果用户在文本框中输入牛奶,则选择列表将包含"full fat", "Skimmed", "1% Milk"

我已联机但无法找到有关如何执行此操作的任何信息.我已经设法根据前一个选择列表使用jquery自动填充一个选择列表.但是,我无法找到使用文本框时的解决方案.
谢谢你查看我的问题!

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