[JS/HTML] In Select zoeken door de typen

[Rekcor]

Select boxen hebben een nadeel. Je kunt namelijk in de lijst zoeken door de eerste letter/het eerste cijfer van een item in te typen, maar dit werkt ook maar echt voor de eerste letter/het eerste cijfer.

Eerst de 'a' en dan de 'p' intoetsen in onderstaand voorbeeld, levert 'prei' op, en niet 'appel'.

HTML:

<select>
 <option>aardbei</option>
 <option>appel</option>
 <option>prei</option>
</select>

Weten jullie een oplossing(srichting) voor dit probleem? Ik heb al bijna een uur zitten Googlen, maar zonder resultaat. Je zou 'onkeyup'-events kunnen vangen, en als de toetsaanslagen maar snel genoeg achter elkaar komen (hoe meet je dat?) JS de goede optie kunnen laten zoeken in de lijst.

[djluc]

Een namaak, DHTML, selectbox?

[Rekcor]

djluc schreef op zaterdag 18 november 2006 @ 11:52:
Een namaak, DHTML, selectbox?

Die oplossingen ken ik idd (heb er ook zelf een gemaakt: link): men zet dan een INPUT boven de select.

Ik zoek eigenlijk een oplossing zonder INPUT...

[crisp]

Rekcor schreef op zaterdag 18 november 2006 @ 11:49:
Select boxen hebben een nadeel. Je kunt namelijk in de lijst zoeken door de eerste letter/het eerste cijfer van een item in te typen, maar dit werkt ook maar echt voor de eerste letter/het eerste cijfer.
[...]

Gebruik eens een andere browser dan IE

[Rekcor]

crisp schreef op zaterdag 18 november 2006 @ 12:10:
[...]

Gebruik eens een andere browser dan IE

Zeg dat maar tegen mijn klant Maar goed, volgens mij is het sowieso een idee om die tot FF te bekeren.

[BasieP]

je kan toch dmv js gewoon keydowns op je pagina opvangen? dan moet je wel zelf het zoeken doen

[Verwijderd]

waar heb je lopen zoeken?
http://www.mattkruse.com/javascript/autocomplete/
http://www.webreference.c...ng/javascript/gr/column5/
http://www.google.com/sea...official&client=firefox-a

[Rekcor]

Verwijderd schreef op zaterdag 18 november 2006 @ 13:08:
waar heb je lopen zoeken?
http://www.mattkruse.com/javascript/autocomplete/
http://www.webreference.c...ng/javascript/gr/column5/
http://www.google.com/sea...official&client=firefox-a

Bedankt, deze had ik allemaal zelf ook al gevonden. Ze werken echter allemaal met een apart <input>-veld. Ik vroeg me af of er ook een script was met alleen een <select>.

[André]

Dan kun je een bestaande toch zo ombouwen? In plaats van de toetsen af te vangen in een textbox doe je dat gewoon met je body

[Optix]

Is zo'n autocomplete input field misschien een alternatief?

JHS schreef op zaterdag 18 november 2006 @ 13:32:
Night.Fade: De TS heeft inmiddels juist meerdere malen aangegeven dat hij dat níet wilt .

Sorry, net wakker


Is er ook een specifieke reden dat je dat niet wil?

[ Voor 71% gewijzigd door Optix op 18-11-2006 13:34 ]

[JHS]

Night.Fade: De TS heeft inmiddels juist meerdere malen aangegeven dat hij dat níet wilt .

[Rekcor]

Night.Fade schreef op zaterdag 18 november 2006 @ 13:31:
Is er ook een specifieke reden dat je dat niet wil?

Ja: de oplossingen die ik ben tegengekomen, hebben beperkingen:

- er wordt gebruik gemaakt van <div>'s om de pulldown-lijst te verbergen; om deze div's goed te positioneren is - zeker in mijn complexe layout - nogal wat CSS-hackwerk nodig;
- hiermee verwant: de HTML-code wordt minder begrijpelijk voor evt. anderen die aan mijn site werken;
- de zoekmechanismen zijn per definitie niet gecompileerd, en aangezien ik erg grote lijsten heb, wordt e.e.a. traag;