25. november 2005 - 15:17Der er
5 kommentarer og 1 løsning
Drop down menu med søgning udfra tastetryk
Hej,
Jeg søger en regulær html dropdown menu, blot med den feature at man kan "søge" vha. tastetryk, som man f.eks. gør i Windows Explorer - hvor man ved at trykke f.eks. "T" og "E" kommer frem til alle mapper der begynder med TE.
I en normal dropdown menu, kan man kun trykke det første bogstav, og derefter springe frem ved at trykke samme bogstav igen.
Kan det gøres med noget Javascript? Eller hvordan skal det løses?
ævæv, jeg havde eller lige siddet og bakset med en hjemmelavet udgave. Desværre for mig var IE og Mozilla ret uenige om hvordan add-metoden på selectboxe skulle virke. Men jeg vil alligevel tillade mig at poste scriptet her, selvom jeg ikke vil påstå det skulle være bedre end power_t's link (har ikke lige testet det).
<script type="text/javascript"> function makeOptionCollection(selbox) { selbox.optionCollection = []; for (var i = 0; i < selbox.options.length; i++) { selbox.optionCollection[i] = selbox.options[i]; selbox.optionCollection.sort(); } }
function searchSelect(searchStr,selbox) { var coll = selbox.optionCollection; if (coll) { var re = new RegExp("^"+searchStr,"ig"); selbox.length = 0; for (var i = 0; i < coll.length; i++) { if (coll[i].text.match(re)) { selbox.options[selbox.length] = coll[i]; } } } }
window.onload = function() { var selbox = document.getElementById("byer"); makeOptionCollection(selbox);
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.