✔ abhängig von SELECT-Option DIV-Tag ein/ausblenden

[webuser]

Hi Leute!

Ich hab ein Kontaktformular mit einer Auswahlbox (Select) für die Anrede. Wird der Eintrag "firma" ausgewählt, dann soll ein (noch) nicht sichtbarer DIV-Tag mit Input-Feld für den Firmennamen eingeblendet werden.

      <label for="anrede">Anrede:</label>
      <select name="anrede" id="anrede">
      	  <option value="auswahl" selected>Bitte ausw&auml;hlen</option>
          <option value="frau">Frau</option>
          <option value="herr">Herr</option>
          <option value="firma">Firma</option>
      </select>
   <div id="firm" hidden="true">
      <label for="firmenname">Firmenname:</label>
      <input type="text" name="firmenname" id="firmenname" value="" />
   </div>

Such bereits seit Stunden nach einer Lösung und bin grad am Verzweifeln, weil nichts funktioniert ... weder mit JS-Funktionsaufruf noch mit einem jquery-Handler...

(Sorry, falls schon mal sowas gepostet wurde!)

 

[Yaslaw]

Ungestet mit JQuery

$('select#anrede').change(function(){
    if($(this).val() == 'firma'){
        $('div#firm').show();
    }
});

ev. solltest du das Attribut hidden' durch einen Style ersetzen

<div id="firm" style="visibility:hidden;">...</div>