Vollständigen Link anzeigen: javarea.de Forum > JavaScript > select feld zum durchsuchen
| geschrieben von amassgehtnu am 16.03.2005 - 11:41 |
| hallo! eine schwierige aufgabe wartet! ich suche code um bei einem select feld eine art blättern durchzuführen..bei click in das select feld und bei taste "K" springt die liste zum ersten eintrag K..das ist ja standard..aber wenn man dann auf "W" drückt soll er zu zum eintrag "Kw00KE-f" springen...verständlich?? sortierung nach dem ersten buchstaben,dann zweiten..dann dritten...falls es mehr gibt is auch gut.. die liste hat ca hundert einträge.. ************************ <select name="Code" > <option value="276">A100ke-b</option> <option value="273">C100ke-b</option> <option value="271">D100ke-b</option> <option value="278">Ki00KE-b</option> <option value="279">Kw00KE-f</option> <option value="280">L100ke-b</option> ............... ............... ******************* mir ist aufgefallen das das beim opera browser standard ist  ) Leider muss ich IE verwenden..intranet..danke für ideen |
| geschrieben von Daniel am 16.03.2005 - 12:36 |
| Du könntest einfach alle Elemente aus der Liste löschen, die nicht ins Suchmuster passen... |
| geschrieben von amassgehtnu am 16.03.2005 - 13:25 | ||||
danke fürdie info aber ich habs ergooglt!! siehe >> http://authors.aspalliance.com/thyc.....aspx?id=3 ******************** <script language="JavaScript" type="text/javascript"> function keySort(dropdownlist,caseSensitive) { // check the keypressBuffer attribute is defined on the dropdownlist var undefined; if (dropdownlist.keypressBuffer == undefined) { dropdownlist.keypressBuffer = ''; } // get the key that was pressed var key = String.fromCharCode(window.event.keyCode); dropdownlist.keypressBuffer += key; if (!caseSensitive) { // convert buffer to lowercase dropdownlist.keypressBuffer = dropdownlist.keypressBuffer.toLowerCase(); } // find if it is the start of any of the options var optionsLength = dropdownlist.options.length; for (var n=0; n < optionsLength; n++) { var optionText = dropdownlist.options[n].text; if (!caseSensitive) { optionText = optionText.toLowerCase(); } if (optionText.indexOf(dropdownlist.keypressBuffer,0) == 0) { dropdownlist.selectedIndex = n; return false; // cancel the default behavior since // we have selected our own value } } // reset initial key to be inline with default behavior dropdownlist.keypressBuffer = key; return true; // give default behavior } </script> <select onkeypress="return keySort(this);"> <option value="Anderson">Anderson</option> <option value="Andrews">Andrews</option> <option value="Anton">Anton</option> <option>etc etc etc</option> </select> ********** |