Dringend! Auswahliste

Computer: Software & Programmierung HTML & CSS
#1

Hi,

ich möchte gern eine Auswahliste erstellen, die mehere Einträge enthält. Einer davon soll benutzerdefiniert sein, dh. man soll selbst hinsschreiben soll.

Wie ich die Liste erstellen soll ist klar, aber wie bekomme ich hin, das man selbst was hinschreiben kann. Beispiel:

HamburgBremenKöln

Ich möchte das der Nutzer zB. Städte in das Auswahlfeld geben kann die nicht in der Liste enthalten sind.

Vielen Dank schon mal

#2

Hallo,

ich möchte gern eine Auswahliste erstellen, die mehere
Einträge enthält. Einer davon soll benutzerdefiniert sein, dh.
man soll selbst hinsschreiben soll.

ganz kurz: geht mit html nicht

Ich möchte das der Nutzer zB. Städte in das Auswahlfeld geben
kann die nicht in der Liste enthalten sind.

da musst Du selber beim Formular-bauen ein weiteres Feld (ein normales Text-Feld) daneben setzen und im Script, das die Daten verarbeitet entsprechend reagieren.

Greetinx
Christian

#3

Hallo,

mittels CSS und ein wenig javascript sollte das möglich sein.

  1. Du brauchst ein Eingabefeld, das über dem select-feld liegt und ein wenig kleiner ist
  2. Wenn vom select-feld ein Eintrag ausgewählt wird, sollte dessen Wert in das Eingabefeld kopiert werden.
  3. Bei der Evaluierung/Weiterverarbeitung der Daten sollte nur das Eingabefeld abgefragt werden, nicht das select-feld.

Hier eine Lösung, die im Firefox/Mozilla sehr gut funktioniert:

HamburgBremenKöln

Gruss, Omar Abo-Namous

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#4

Hi,

das ist geanau das was ich gesucht habe, leider funktioniert es im IE nicht. Hast du dafür auch eine Lösung??

Danke schon mal für deine Hilfe

Gruß Sarah

Hamburg
Bremen
Köln

#5

Hallo,

tut mir zunächst einmal leid, dass das so lange gedauert hat, ich kann zur Zeit nicht täglich ins w-w-w schauen…

Das Problem beim IE ist, dass er das select-feld zuletzt malt. Deshalb überlagert es alle anderen Felder/Ebenen. Du kannst es also mit einer normalen Ebene und (noch mehr) javascript ersetzen:

function switchvisible()
{
if (document.all.optionfield.style.visibility=='visible') 
{document.all.optionfield.style.visibility='hidden';} 
else 
{document.all.optionfield.style.visibility='visible';}
}
 
 
 Hamburg 
 Bremen

Jetzt kannst du natürlich noch das ganze schöner machen… aber das Prinzip ist hierdurch schon vorgegeben.

Gruss, Omar Abo-Namous

#6

Hi,

noch eine Ergänzung, damit das Script W3c-konform ist:

function switchvisible()
{
if (document.getElementById('optionfield').style.visibility=='visible')
{document.getElementById('optionfield').style.visibility='hidden';} 
else 
{document.getElementById('optionfield').style.visibility='visible';}
}
 
 
 
Hamburg 
 
Bremen
#7

und? hast du’s benutzt??

Gruss, Omar Abo-Namous