Find String in option select

[jumbo125]

Hy

Ich suche einen Weg, um während des Schreibens in einem Textfiles den eingegebenen Wert in einem select option zu suchen und den passenden Eintrag zu fokusieren.
Stellt euch vor ihr habt eine auswahlliste mit 20 Einträgen. Fünf werdeangezeigt, daneben ist die scrollbar. Nun gibt man in einem textfeld ein Wort ein und dieses Wort wird mit der auswahlliste abgeglichen und falls es vorkommt wird dorthin fokussiert.

Jquery("textfeld").keyup(function(){
Wert = jquery(this).val();
Jquery("select#id option").filter(Wert).focus();
} );

Sollte diese Denkweise funktionieren? Da ich es im dem iphone geschrieben habe passt die groß und Kleinschreibung nicht, aber es geht auch mehr um den Lösungsansatz. Von Vorteil wäre es auch dir Filter function ab einer gewiesen Zeichen länge auszuführen, aber das ist kein Problem. Vorerst geht es um das fokusieren. Kann man überhaupt einen select option Eintrag fokusieren? Ich möchte nur, das er in das Zentrum springt.

 

[thecain]

http://jqueryui.com/autocomplete/ sowas?

 

[scbawik]

Hy

Ich suche einen Weg, um während des Schreibens in einem Textfiles den eingegebenen Wert in einem select option zu suchen und den passenden Eintrag zu fokusieren.
Stellt euch vor ihr habt eine auswahlliste mit 20 Einträgen. Fünf werdeangezeigt, daneben ist die scrollbar. Nun gibt man in einem textfeld ein Wort ein und dieses Wort wird mit der auswahlliste abgeglichen und falls es vorkommt wird dorthin fokussiert.

Jquery("textfeld").keyup(function(){
Wert = jquery(this).val();
Jquery("select#id option").filter(Wert).focus();
} );

Sollte diese Denkweise funktionieren? Da ich es im dem iphone geschrieben habe passt die groß und Kleinschreibung nicht, aber es geht auch mehr um den Lösungsansatz. Von Vorteil wäre es auch dir Filter function ab einer gewiesen Zeichen länge auszuführen, aber das ist kein Problem. Vorerst geht es um das fokusieren. Kann man überhaupt einen select option Eintrag fokusieren? Ich möchte nur, das er in das Zentrum springt.

Du kannst dem select einfach den value geben, dann wird die passende option ausgewählt:

$('select').val(wert);

Zur Info: Das value-Attribut des option tags muss übereinstimmen, nicht dessen label.

 

[jumbo125]

okay.. das mit select.val(); funktioniert ja schon sehr gut.

http://jsfiddle.net/j7axmygc/5/
hab noch eine zusätzliche abfrage eingebaut, da der benutzer anschließend auch mehrere werte(mit ";" getrennt eingibt).
so ganz passt es noch nicht, aber das erste ist getan. danke

 

[Tronjer]

Es muss nicht immer jQuery sein. Klick hier mal auf den Link Live Demo und schau, wie sich rechts die Liste ändert, wenn du im Input-Feld etwas eingibst. Angular bringt solche Filter von Hause aus mit.

https://docs.angularjs.org/tutorial/step_06