Próbuję napisać kod, który pozwala wypełnić listę wyboru na podstawie wartości wejściowej pola tekstowego.
Na przykład:
Jeśli użytkownik wprowadzi mleko w polu tekstowym, lista wyboru będzie zawierała "full fat", "Skimmed", "1% Milk"
Byłem online i nie mogę znaleźć żadnych informacji, jak to zrobić. Udało mi się automatycznie wypełnić jedną wybraną listę w oparciu o wybór z poprzedniego za pomocą jquery. Jednak nie mogę znaleźć rozwiązania dla korzystania z pola tekstowego.
Dzięki za sprawdzenie mojego pytania!jQuery wypełnić Wybierz listę na podstawie wartości wpisu tekstowego
5
A
Odpowiedz
6
utworzyć obiekt zawierający tablice opcji:
selectOptions = {
milk: ["full fat", "Skimmed", "1% Milk"]
}
na podstawie tego, można dodać <option>
znaczniki do <select>
gdy zdarzenie onchange
z <textarea>
przeciwwybuchowej:
$('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
});
}
});
Powiązane problemy
- 1. umieść kursor na końcu wartości wpisu tekstowego
- 2. jQuery: Wybierz pole wyboru na podstawie nazwy i wartości
- 3. Jak wypełnić wartość pola tekstowego na podstawie wartości w polu Combo w MS Access 2007?
- 4. join 2 mysql wybierz na podstawie pola tekstowego
- 5. Wybierz element na podstawie tekstu
- 6. JQuery ul li wybierz listę
- 7. Autouzupełnianie JQuery oparte na wartości wybierz opcję
- 8. Jak uniemożliwić edycję wpisu tekstowego?
- 9. Wybierz z tablicy obiektów na podstawie wartości właściwości w JavaScript
- 10. Wybierz wartość na podstawie najwyższej wartości w innej kolumnie
- 11. Wybierz rzędy klatek pandy na podstawie wartości dwóch kolumn
- 12. jQuery wykrywa zmianę wartości pola tekstowego NIE na podstawie danych wprowadzonych przez użytkownika
- 13. Wybierz łącze na podstawie częściowego href
- 14. Wyczyść i odśwież listę rozwijaną jQuery Wybierz
- 15. jQuery - wyłącz pole wejściowe na podstawie innej wybranej wartości pola
- 16. jquery show ukryj div na podstawie wybranej wartości
- 17. Pokaż divs na podstawie wyszukiwania tekstowego
- 18. Sortuj listę mieszanych ciągów na podstawie cyfr
- 19. React Native - Nie można utworzyć wpisu tekstowego
- 20. Zmień wartość wpisu tekstowego za pomocą css?
- 21. Python dzielący listę na podstawie separatora słowa
- 22. Budowanie dynamicznych zapytań LINQ na podstawie wartości Comboboxa
- 23. Jak otworzyć okno dialogowe z wpisu tekstowego na ekranie PreferenceScreen?
- 24. Wybierz td podstawie danych atrybutu
- 25. Wybierz preprocesor Mako na podstawie rozszerzenia pliku?
- 26. Wybierz element na podstawie klasy potomnej
- 27. Wybierz funkcję szablonu na podstawie istnienia członka
- 28. Scrapy - Wybierz określony link na podstawie tekstu
- 29. Wybierz element na podstawie wielu klas
- 30. Matlab - Wybierz określony wiersz na podstawie warunku
Dzięki za pomoc. Próbowałem, ale to nie działa. Myślisz, że gdzieś idę źle. Gdybym wprowadził mleko w polu tekstowym, czy lista wyboru zawierałaby "pełnotłuste", "odtłuszczone", "1% mleka"? – user1779796
Zdarzenie onchange jest wywoływane, jeśli usuniesz zaznaczenie pola tekstowego. Możesz także użyć polecenia onkeyup, które będzie uruchamiane przy każdym naciśnięciu klawisza. –
Przepraszam .. nie testowałem kodu, który napisałem;) zaktualizowałem go i teraz działa .. poszukaj tutaj testówki: http://jsfiddle.net/xeVBm/4/ –