jQuery điền Chọn danh sách dựa trên giá trị nhập văn bản

Question

Tôi đang cố viết mã cho phép danh sách chọn được điền dựa trên giá trị đầu vào của hộp văn bản.

Ví dụ:
Nếu người dùng nhập sữa vào hộp văn bản, danh sách chọn sẽ chứa "full fat", "Skimmed", "1% Milk"

Tôi đã trực tuyến và không thể tìm thấy bất kỳ thông tin nào về cách thực hiện việc này. Tôi đã quản lý để autopopulate một danh sách lựa chọn dựa trên sự lựa chọn từ một trước đó bằng cách sử dụng jquery. Tuy nhiên, tôi không thể tìm thấy một giải pháp cho khi sử dụng một hộp văn bản.
Cảm ơn bạn đã xem câu hỏi của tôi!

Answer 1

tạo một đối tượng chứa mảng các tùy chọn:

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

dựa trên này, bạn có thể thêm <option> thẻ vào <select> khi sự kiện onchange của <textarea> cháy:

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