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

Question

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

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

我一直在网上，找不到有关如何执行此操作的任何信息。我已经设法根据使用 jquery 的前一个选择来自动填充一个选择列表。但是，我找不到使用文本框时的解决方案。
感谢您查看我的问题！

Answer 1

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

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

基于此，当<textarea> 的onchange 事件触发时，您可以将<option> 标签附加到<select>：

$('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
       });
   }
});