Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Select Menü (HTML)

Frage Entwicklung JavaScript

Mitglied: yxcvbnm1234

yxcvbnm1234 (Level 1) - Jetzt verbinden

21.06.2011, aktualisiert 26.01.2012, 3950 Aufrufe, 5 Kommentare

Hallo allerseits

Ich würde gerne auf "Anderes Land" klicken und es soll ein Text-Area unterhalb aufgehen, wo ich die Möglichkeit bekomme, einen beliebigen Wert einzutragen.

Besten Dank für jegliche Hilfe an allen! !!!! :- )

01.
<td width="99%" valign="top"> 
02.
<select name="Land" size="1+> 
03.
<option selected value="----">---- 
04.
<Option>Deutschland 
05.
<Option>Schweiz 
06.
<option> Österreich 
07.
<Option> Italien 
08.
<option> USA 
09.
<option> Anderes Land 
10.
</select> 
11.
</td>
Schönen Gruß
Mitglied: kopie0123
21.06.2011 um 12:29 Uhr
Hey,

Du könntest auf dein select-tag ein javaScript onclick setzen. Dort rufst Du dann eine Function auf, die den aktuellen Wert überprüft.

Unter dem select setzt und ein verstecktes Textfeld, welches dann bei Bedarf von der JavaScript-Funktion aktiviert wird.


Andere Möglichkeit, aber nicht so schön: Du lässt das Formular bei jedem Wechsel im select Feld sich automatisch abschicken und überprüft dann den Wert.

Gruß
Bitte warten ..
Mitglied: redder
21.06.2011 um 12:32 Uhr
Genau z.B. so:

01.
<select name="Land"> 
02.
<Option onclick="textareaname.style.display = 'none'">Deutschland</option> 
03.
<Option onclick="textareaname.style.display = 'none'">Schweiz</option> 
04.
<option onclick="textareaname.style.display = 'none'">Österreich</option> 
05.
<Option onclick="textareaname.style.display = 'none'">Italien</option> 
06.
<option onclick="textareaname.style.display = 'none'">USA</option> 
07.
<option onclick="textareaname.style.display = 'block'">Anderes Land</option> 
08.
</select> 
09.
<br> 
10.
<textarea id="textareaname" cols="50" rows="10" style="display: none;" ></textarea>
..schöner ist es natürlich wenn man das dann noch in eine Funktion packt die dann entsprechend aufgerufen wird.
Bitte warten ..
Mitglied: yxcvbnm1234
21.06.2011 um 13:46 Uhr
Vielen Dank für deinen raschen Antwort!!

Und wenn ich die Textarea vorher unsichtbar machen könnte? - mittels onchange-Event von der Selectbox dann die Textarea je nach ausgewählter Option sichtbar oder unsichtbar machen..

Leider habe ich es nicht hingekriegt :- (

Grüsse.me
Bitte warten ..
Mitglied: redder
21.06.2011 um 15:42 Uhr
So hab dir noch mal eine etwas elegantere Version gemacht (hast Glück dass ich heute so viel Zeit habe - normalerweise würde ich dir nur einen Link zu Selfhtml geben...)

Javascript (im HEAD-Bereich einfügen)
01.
<script type="text/javascript"> 
02.
function changetextareadisplay (){ 
03.
  if (Land.options[5].selected == true) { 
04.
    textareaname.style.display = 'block'; 
05.
06.
  else { 
07.
    textareaname.style.display = 'none'; 
08.
09.
 return false; 
10.
11.
</script>
HTML (im Body an die passende Stelle einfügen)
01.
<select id ="Land" name="Land" onchange="changetextareadisplay()">  
02.
<Option>Deutschland</option>  
03.
<Option>Schweiz</option>  
04.
<option>Österreich</option>  
05.
<Option>Italien</option>  
06.
<option>USA</option>  
07.
<option>Anderes Land</option>  
08.
</select>  
09.
<br>  
10.
<textarea id="textareaname" cols="50" rows="10" style="display: none;" ></textarea>
Das style="display: none;" sorgt übrigens dafür, dass die Textarea von Anfang an erst einmal unsichtbar ist.
Bitte warten ..
Mitglied: yxcvbnm1234
21.06.2011 um 16:03 Uhr
HEy du bist so genial!!!!!!!!!

HEy MERRRRCI viel viel vial MAL!!!!!!

Danke! :- )

Grüsse.me
Bitte warten ..
Ähnliche Inhalte
Visual Studio
gelöst Simples asp.net menu selbst erstellen (22)

Frage von Herbrich19 zum Thema Visual Studio ...

Batch & Shell
gelöst Powershell select-string -pattern (2)

Frage von LianenSchwinger zum Thema Batch & Shell ...

Visual Studio
Sortierung von DataTable nach Select aufgelöst (1)

Frage von ForgottenRealm zum Thema Visual Studio ...

Visual Studio
gelöst Suche Quellcode für asp net menu controll

Frage von Herbrich19 zum Thema Visual Studio ...

Neue Wissensbeiträge
Hardware

GPD Pocket: Winziger Laptop für Wenig Tipper

(1)

Information von pelzfrucht zum Thema Hardware ...

Windows 10

Microsoft veröffentlicht das "Fall Creators Update

(10)

Information von Penny.Cilin zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Windows Server
gelöst Gruppenrichtlinie greift nicht zu! (23)

Frage von Syosse zum Thema Windows Server ...

Hosting & Housing
Mailserver Software Empfehlungen (20)

Frage von sunics zum Thema Hosting & Housing ...

Windows 7
gelöst Windows 7 Anmeldedomäne festlegen (13)

Frage von flotaut zum Thema Windows 7 ...