RoN: Probleme mit OnClick im IE

SELF-Forum

Probleme mit OnClick im IE

RoN
– Informationen zu den Bewertungsregeln

Hallo Leute,

ich habe folgendes Problem:
Ich möchte in einem Formular zusätzliche Felder einer bestimmten Option eines Select-Buttons einblenden bzw. ausblenden. Im Mozilla Firefox funktioniert das ganze auch wunderbar, nur im IE geht es nicht. Im IE funktioniert lediglich das OnLoad, zum verstecken des Inhalts der beiden Spalten.

Hier mein verwendeter Quellcode:

Code:

JAVASCRIPT-DATEI

function hide_bauform()
  {
    document.frm_neu_rechner.re_bauart.style.visibility = "hidden";
    document.getElementById("rechner_bauform").style.visibility = "hidden";
  }

function show_bauform()
  {
    document.frm_neu_rechner.re_bauart.style.visibility = "visible";
    document.getElementById("rechner_bauform").style.visibility = "visible";
  }

HTML-DATEI

<body OnLoad="hide_bauform()">
<table>
<form name="frm_neu_rechner">
  <tr class="bgcol_blau200">
    <td>Standort:</td>
    <td><input type="text" name="re_standort"></td>
    <td></td>
    <td>Rechnerart:</td>
    <td>
      <select size="1" name="re_art">
        <option value="" onclick="hide_bauform()">bitte w&auml;hlen</option>
        <option value="" onclick="hide_bauform()">-----------------</option>
        <option value="Laptop" OnClick="hide_bauform()">Laptop</option>
        <option value="Desktop" OnClick="show_bauform()">Desktop-PC</option>
      </select>
    </td>
  </tr>

<tr>
    <td>Modell:</td>
    <td><input type="text" name="re_modell"></td>
    <td></td>
    <td><span id="rechner_bauform">Geh&auml;use:</span></td>
    <td>
      <select size="1" name="re_bauart">
        <option value="">bitte w&auml;hlen</option>
        <option value="">-------------------</option>
        <option value="Slimcase">Slimcase</option>
        <option value="Minitower">Minitower</option>
      </select>
    </td>
  </tr>
</form>
</table>
</bodY>

Die Funktionsweise soll wie folgt ablaufen: Ist im ersten SELECT-Feld Desktop ausgewählt, dann sollen die beiden darunterliegenden Tabellen-Zellen sichtbar werden, so das man aus dem zweiten SELECT-Feld auswählen kann. Ist etwas anderes ausgewählt, dann sollen diese beiden Zellen verborgen bleiben.

Ich hoffe ihr könnt mir helfen.

Grüße RoN

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Probleme mit OnClick im IE

    Siechfred Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Ich möchte in einem Formular zusätzliche Felder einer bestimmten Option eines Select-Buttons einblenden bzw. ausblenden. Im Mozilla Firefox funktioniert das ganze auch wunderbar, nur im IE geht es nicht. Im IE funktioniert lediglich das OnLoad, zum verstecken des Inhalts der beiden Spalten.

    Ich denke, dass ein onchange im öffnenden select-Tag sinnvoller wäre. Feuert der Event, prüfst du, welches Listenelement selektiert ist und ob es dem Kriterium für das Einblenden des zusätzlichen Eingabefeldes entspricht (z.B. über die Indexnummer oder das value-Attribut). Wenn ja, blende es ein, wenn nein, blende es aus, wenn es noch nicht ausgeblendet ist. Die onclicks in den option-Elementen brauchst du dann nicht mehr. Zum Verständnis lies hierzu in SELFHTML nach:

    Siechfred

    --
    Ein Selbständiger ist jemand, der bereit ist, 16 Stunden am Tag zu arbeiten, nur um nicht 8 Stunden für einen Anderen arbeiten zu müssen.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln