Formular Elemente mit Java Script abschalten/aktivieren

Thilo55494

Hallo Members hier im Forum.

Ich hab vollgendes Problem:
Ich habe ein Formuar in dem unter anderem 2 Select Felder sind und ich möchte das der Benutzer erst im 2 Select Feld eine auswahl treffen kann (Feld soll disabeld sein) wenn er im 1 Select feld eine Ausahl gemacht hat. Meine Lösung bis jetzt funtz aber leider nur im FireFox und nicht im IE (andere Bowser konnt ich noch nicht Testen).

Quellcode bis jetzt:

Code

<script language="JavaScript">
<!--
var var_show;


function cat_show(var_show)
{
        if(var_show==0)
        {
        document.all.cat_add.cat_show.setAttribute("disabled","true","false");
        document.all.cat_add.cat_show.setAttribute("disabled","true","false");
        document.cat_add.show.options[0].selected = true;


        }
        else
        {
        document.all.cat_add.cat_show.removeAttribute("disabled","false");
        document.all.cat_add.cat_show.removeAttribute("disabled","false");
        }
}
//-->
</script>
<form name="cat_add" method="POST" action="{!httprefer}">
<input type="hidden" name="send" value="1">
<table width="85%" cellpadding="2" cellspacing="1" align="center" class="1">
  <colgroup>
    <col width="30%">
    <col width="70%">
  </colgroup>
  <tr>
    <td class="color_1" align="right" valign="top">Galarie Name:</td>
    <td class="color_1"><input type="Text" size="30" maxlength="50" class="inputtext" name="cat_name" value="{!cat_name}"></td>
  </tr>
  <tr>
    <td class="color_2" colspan="2">Galarie Beschreibung:</td>
  </tr>
  <tr>
    <td class="color_1" colspan="2" align="center"><textarea name="cat_desc" cols="50" rows="5" class="inputtext">{!cat_desc}</textarea></td>
  </tr>
  <tr>
    <td class="color_2" align="right" >Galarie Start Bild:</td>
    <td class="color_2"><select name="top_pic" size="1" class="selection_klein">
                <option value="0" onClick="cat_show(0)">Bitte Wählen Sie</option>
                {!options}
    </select></td>
  </tr>
  <tr>
    <td class="color_1" align="right" >Galarie</td>
    <td class="color_1"><select name="ShowCat" id="cat_show" size="1" class="selection_klein" disabled>
                <option value="0" selected>verstecken</option>
                <option value="1">anzeigen</option>
    </select></td>
  </tr>
  <tr>
    <td colspan="2" align="center" class="bg2">{!button}</td>
  </tr>
  <tr>
    <td colspan="2" align="center">Die Galarie wird erst angezeigt wenn mindestens ein Bild


      vorhanden ist! Es stehen nur nicht verwendete Bilder zur Auswahl.</td>
  </tr>
  <!errortext>
</table>
</form>

Alles anzeigen

Danke für eure Hilfe schon im vorraus.

Tags