Formularfelder ein bzw ausblenden

Begonnen von lausbub, 26 September 2011, 14:23:47

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

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



<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>

PHP Version: 5.2.11
MySql Version: 5.0.51a
Server-Version: Apache/2.2.8 (Linux/SUSE)
Pragma 1.12