Avatar billede morgan_freeman Nybegynder
03. april 2010 - 02:21 Der er 5 kommentarer

Kombineret INPUT og SELECT-OPTION

Halløj

Jeg vil gerne have et felt (INPUT) der fungerer både som frit skrivefelt - og mulighed for at vælge (drop-down) fra en slags SELECT-OPTION række.

Når bruger begynder at skrive vil mulighederne reduceres alt efter hvad der er indtastet. Ca. svarende til at skrive i et klassisk log-ind-felt, bare ikke via browserens hukommelse, men ved hjælp af en liste jeg tilføjer.

Kan man - eller rettere - hvordan kan man det?
Avatar billede hrole Mester
03. april 2010 - 18:01 #1
Hvis du kan bruge en løsning som fx google bruger, kan du kikke nærmere på autosuggest vha. AJAX.

Til inspiration:
http://www.javascript-examples.com/autocomplete-demo/
Avatar billede morgan_freeman Nybegynder
04. april 2010 - 23:21 #2
Hold da fest - der er en del muligheder at vælge imellem dér.

Jeg var egentlig ude efter en mere grundlæggende funktion, men det er muligt, at det slet ikke er noget man bare lige gør.

Jeg tjekker op på nogle af autocomplete'rne snarligt, men håber stadig nogen smider en 'renere' mulighed.

Smid et svar hrole - og hvis ikke andre melder sig (og jeg kan få noget fra dit link til at køre) så får du naturligvis point :)
Avatar billede hrole Mester
04. april 2010 - 23:49 #3
Som jeg forstår dit problem kan jeg ikke se andre muligheder end AJAX.

Held og lykke med det!
Avatar billede Slettet bruger
05. april 2010 - 00:41 #4
Det hedder en "combo box" - og sådan findes ikke i HTML forms - desværre.
- men du kan lave én selv : )

I princippet et text-input - med en select "nedenunder", så man kun ser pil-ned delen af den.
Og så noget javascript til at sørge for at de bytter plads og udveksler data når det er nødvendigt (ingen grund til at gribe til Ajax)

Google: html combo box - Det er en god gammel dyb tallerken : )
Avatar billede morgan_freeman Nybegynder
09. april 2010 - 20:04 #5
ØV! Jeg blev ellers lige så glad da jeg så dit svar, T4NK3R.

Google-hit #1 (www.cs.tut.fi/~jkorpela/forms/combo.html): En løsning giver mig en box hvor jeg kan vælge mellem prædefinerede muligheder - eller skrive frit. Det er en slags løsning, men jeg er klart ude efter noget der tillader mig at skrive frit først. Og hvis noget så passer iblandt de muligheder jeg vil definere, så dukker de op som valgbar undermenu (pil ned og vælg).
#2 (javascript.about.com/library/blnav7.htm): En to-delt løsning. Der er simpelt hen 2 felter; ét til at skrive i og ét til at vælge fra.
#3 (http://www.experts-exchange.com/Web/Web_Languages/HTML/Q_20972899.html): Kræver tilmelding for at læse svar, og muligvis betaling.
#4 (http://chakrabarty.com/pp_editable_dropdown.html): Virker meget besynderlig. Test-versionen 'outputter' det jeg skriver i INPUT som en lille _blank dialog, men hvis jeg vælger blandt muligheder på listen og outputter, så kommer der ingenting?
#5 (http://www.hscripts.com/tutorials/html/form-combobox.php): Omhandler basics for SELECTs
#6 (http://www.javascriptkit.com/script/cutindex16.shtml): En oversigt over diverse combo-box-løsninger - hvoraf ingen ligner det jeg er ude efter.
#7 (www.w3schools.com/html/html_forms.asp): Så er vi ude i absolutte basics!

Jeg giver (midlertidigt) op på den rute.
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