Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

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, 3941 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
Outlook & Mail
Outlook Ribbon (Menü)-Leiste QuickStep Tabelle erstellen (4)

Frage von Hirschix3 zum Thema Outlook & Mail ...

VB for Applications
gelöst HTML, VBScript: Bei Drop-Down-Auswahl bestimmte Radio-Buttons einblenden (3)

Frage von Yauhun zum Thema VB for Applications ...

PHP
gelöst Javascript Menü wird nicht angezeigt (5)

Frage von takvorian zum Thema PHP ...

Neue Wissensbeiträge
Heiß diskutierte Inhalte
Windows Update
gelöst MS: Update-Server-Adressen OHNE Wildcards (17)

Frage von mrserious73 zum Thema Windows Update ...

Viren und Trojaner
Ransomware .nm4 (14)

Frage von Zyklo92 zum Thema Viren und Trojaner ...

Microsoft Office
+1.000 Ordner in Outlook: Wie besser? (11)

Frage von Matsushita zum Thema Microsoft Office ...