Select Menü (HTML)

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! !!!! :- )

<td width="99%" valign="top">  
<select name="Land" size="1+>  
<option selected value="----">----  
<Option>Deutschland
<Option>Schweiz
<option> Österreich
<Option> Italien
<option> USA
<option> Anderes Land
</select>
</td>

Schönen Gruß

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 168383

Url: https://administrator.de/contentid/168383

Ausgedruckt am: 22.11.2024 um 21:11 Uhr

5 Kommentare

Neuester Kommentar

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ß

Genau z.B. so:

<select name="Land">  
<Option onclick="textareaname.style.display = 'none'">Deutschland</option>  
<Option onclick="textareaname.style.display = 'none'">Schweiz</option>  
<option onclick="textareaname.style.display = 'none'">Österreich</option>  
<Option onclick="textareaname.style.display = 'none'">Italien</option>  
<option onclick="textareaname.style.display = 'none'">USA</option>  
<option onclick="textareaname.style.display = 'block'">Anderes Land</option>  
</select>
<br>
<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.

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

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)

<script type="text/javascript">  
function changetextareadisplay (){
  if (Land.options[5].selected == true) {
    textareaname.style.display = 'block';  
  }
  else {
    textareaname.style.display = 'none';  
}
 return false;
}
</script>

HTML (im Body an die passende Stelle einfügen)

<select id ="Land" name="Land" onchange="changetextareadisplay()">   
<Option>Deutschland</option> 
<Option>Schweiz</option> 
<option>Österreich</option> 
<Option>Italien</option> 
<option>USA</option> 
<option>Anderes Land</option> 
</select> 
<br> 
<textarea id="textareaname" cols="50" rows="10" style="display: none;" ></textarea>  