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?
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
æ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.