Avatar billede pblv Nybegynder
19. oktober 2005 - 12:42 Der er 6 kommentarer og
1 løsning

Søge i selectbox

Hejsa,

Jeg har en option/selectbox med en masse entrys. Jeg vil gerne lave et tekstfelt underneden, hvor jeg kan indtaste f.eks. "Ser" og så hopper den automatisk ned til den første entry der passer til de bogstaver.

Jeg har lavet ngoet med et regex, men den kan vælge flere. Jeg skal kun vælge den første.
Avatar billede ldanielsen Nybegynder
19. oktober 2005 - 13:50 #1
Se det her:

<FORM>
<SELECT name="select1">
<OPTION>aa</OPTION>
<OPTION>bja</OPTION>
<OPTION>bjæ</OPTION>
<OPTION>dfhkg</OPTION>
<OPTION>ertbnhj</OPTION>
<OPTION>fhljh</OPTION>
<OPTION>opopop</OPTION>
</SELECT><br>
<INPUT type="text" id=text1 name=text1 onKeyUp="searchSelect(this);">
</FORM>
<SCRIPT LANGUAGE=javascript>
<!--
function searchSelect(objField){
    var objForm = objField.form;
    var objSelect = objForm.select1;
    objSelect.selectedIndex = -1;
    if (objField.value != ""){
        for(i=0;i<objSelect.options.length;i++){
            if (objSelect.options[i].text.indexOf(objField.value) == 0){
                objSelect.selectedIndex = i;
                i = objSelect.options.length;
                }
            }
        }
    }
//-->
</SCRIPT>
Avatar billede pblv Nybegynder
19. oktober 2005 - 13:56 #2
Du er min helt. Tak.

Lig et svar!
Avatar billede ldanielsen Nybegynder
19. oktober 2005 - 13:58 #3
Svar :o)
Avatar billede olebole Juniormester
19. oktober 2005 - 22:43 #4
<ole>

- en enkelt syntaksfejl:
    http://many.dk/pic/dkuv.gif  ;o)

/mvh
</bole>
Avatar billede pblv Nybegynder
20. oktober 2005 - 14:28 #5
Jaja, men det ligger der jo nu :)

Lige en ting mere.

I det eksempel du har lavet, er select1 fast valgt inde i funktionen, så den kun virker på den select. Kan du få det til at virke, så den kan bruges ved at overføre både Field og Select? Jeg får fejl når jeg prøver.
Avatar billede ldanielsen Nybegynder
20. oktober 2005 - 14:44 #6
Sådan:

<FORM>
<SELECT name="select1">
<OPTION>aa</OPTION>
<OPTION>bja</OPTION>
<OPTION>bjæ</OPTION>
<OPTION>dfhkg</OPTION>
<OPTION>ertbnhj</OPTION>
<OPTION>fhljh</OPTION>
<OPTION>opopop</OPTION>
</SELECT><br>
<INPUT type="text" id=text1 name=text1 onKeyUp="searchSelect(this, this.form.select1);">
</FORM>
<SCRIPT LANGUAGE=javascript>
<!--
function searchSelect(objField, objSelect){
    var objForm = objField.form;
    objSelect.selectedIndex = -1;
    if (objField.value != ""){
        for(i=0;i<objSelect.options.length;i++){
            if (objSelect.options[i].text.indexOf(objField.value) == 0){
                objSelect.selectedIndex = i;
                i = objSelect.options.length;
                }
            }
        }
    }
//-->
</SCRIPT>
Avatar billede pblv Nybegynder
21. oktober 2005 - 10:02 #7
Tak for det!
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester