Formularfelder ein bzw ausblenden

[Gast]

Willkommen Gast. Bitte einloggen oder registrieren.

Einloggen mit Benutzername und Passwort

[lausbub]

Hallo, leider bin ich in javascript eine noch Niete und komme nicht weiter.

Ich habe ein Formular mit zwei unabhängigen selectboxen, beide mit den gleichen Werten
Positiv
Neutral
Negativ

Wenn jetzt in einen der beiden, oder in beiden boxen, Negativ ausgewählt wurde sollen die Eingabefelder die im " <div class="neg  "  eingebid="neg">  " sind eingeblendet werden, bzw wenn etwas anderes angewählt wird, wieder ausgeblendet werden.

Ich hoffe ich habe es einigermaßen verständlich erklärt und ihr könnt mir weiter helfen. Ideal wäre es mit dem JQuerry comando.


hier mein bisheriger code

Code: [Select]  

<div align="center">
  <h3>Bewertung eintragen</h3>
  <p><form action="link" method="post" name="bew_absenden">
    <select name="bew_art" id="bew_art">
      <option value="Abschluss">Abschluss</option>
      <option value="Zwischen">Zwischen</option>
    </select>
  </p>
  <p>
    <input name="adressen_id" type="text" id="adressen_id" onfocus="if(this.value=='Your message')this.value='';" value="Adr. ID" size="11" maxlength="11" />
    &nbsp;
    <input name="bew_adresse" type="text" id="bew_adresse" onfocus="if(this.value=='Your message')this.value='';" value="zu_Adresse" size="40" maxlength="200" />
</p>
  <p>
    <input name="bew_von" type="text" id="bew_von" onfocus="if(this.value=='Your message')this.value='';" value="TT.MM.JJJJ" size="12" maxlength="10" />
&nbsp;
<input name="bew_bis" type="text" id="bew_bis" onfocus="if(this.value=='Your message')this.value='';" value="TT.MM.JJJJ" size="12" maxlength="10" />
</p>
  <p>
    <input name="bew_uid" type="text" id="bew_uid" onfocus="if(this.value=='Your message')this.value='';" value="Verm. ID" size="11" maxlength="12" />
&nbsp;
<input name="bew_name" type="text" id="bew_name" onfocus="if(this.value=='Your message')this.value='';" value="name" size="40" maxlength="60" />
</p>
  <table width="100%"  border="0">
    <tr>
      <td><div align="right">Bew. 1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div></td>
      <td><div align="left">&nbsp;&nbsp;&nbsp; Bew. 2 </div></td>
    </tr>
    <tr>
      <td><div align="right">
        <select name="bew1" size="3" id="bew1">
          <option value="1">Positiv</option>
          <option value="2">Neutral</option>
          <option value="3">Negativ</option>
        </select>
        &nbsp;
      </div></td>
      <td><div align="left">
         &nbsp;
         <select name="bew2" size="3" id="bew2">
          <option value="1">Positiv</option>
          <option value="2">Neutral</option>
          <option value="3">Negativ</option>
        </select>
      </div></td>
    </tr>
  </table>
  <div class="neg" id="neg">
    <p>
      <select name="n1" id="n1">
        <option value="a">a</option>
        <option value="b">b</option>
      </select>
      <input name="n3" type="text" id="n3" onfocus="if(this.value=='Your message')this.value='';" value="Your message" />
    </p>
    <p>
      <input type="text" name="n2" value="Your message" onfocus="if(this.value=='Your message')this.value='';" />
</p>
    <p><input name="bew_absenden" type="submit" value="bew_absenden" />&nbsp;    </p>
  </div></form>
  <p>&nbsp;   </p>
</div>