Select-Werte sollen andere Formular-Elemente sichtbar machen

qsrs

Erfahrenes Mitglied
Hallo,

also mit Javascript mache ich leider noch gar nichts, jetzt brauche ich allerdings eine kleine Funktion. Und zwar möchte ich in einem Formular ein select-Feld, und wenn darin eine bestimmte Auswahl getroffen wird, dann soll eine Tabellenzeile mit weiteren Formular-Element-Inhalten sichtbar werden. Das select-Feld sieht so aus:

HTML:
       <select name="file_extension" id="file_extension" style="width:320px">
          <option value="bmp" selected="selected">Bitmap (bmp)</option>
          <option value="csv">Comma Separated Values (csv)</option>
          <option value="html">Hypertext Markup Language (html)</option>
          <option value="jpg">Joint Photographic Experts Group (jpg)</option>
          <option value="xls">Microsoft Excel Sheet (xls)</option>
          <option value="xlsx">Microsoft Excel Sheet (xlsx)</option>
          <option value="ppt">Microsoft Powerpoint (ppt)</option>
          <option value="pps">Microsoft Powerpoint (pps)</option>
          <option value="doc">Microsoft Word Document (doc)</option>
          <option value="docx">Microsoft Word Document (docx)</option>
          <option value="odt">OpenDocument Text (odt)</option>
          <option value="ods">OpenDocument Spreadsheet (ods)</option>
          <option value="png">Portable Network Graphics (png)</option>
          <option value="rtf">Rich Text Format (rtf)</option>
          <option value="tsv">Tab Separated Values (tsv)</option>
          <option value="txt">Text (txt)</option>
          <option value="sxc">XML Calc (sxc)</option>
          <option value="sxw">XML Writer (sxw)</option>
       </select>

Wenn nun der Wert bmp, jpg oder png gewählt ist, soll die weitere Tabellenzeile sichtbar werden. Ich habe noch eine PHP-Abfrage, die das Formular nur mit den Werten bmp, jpg, png ausgibt. Tritt dieser Fall ein, sollte das JS natürlich die Zeile + zusätzlichen Felder gleich anzeigen. Hat dazu jemand eine Idee? Oder zumindest zu dem Ein/Ausblenden der Tabellen-Zeile? Falls das mit der Zeile zu kompliziert ist, dann könnte ich auch nur die Formular-Elemente einblenden, die ich benötige. Vielen Dank.
 
Zuletzt bearbeitet:
Moin,

betreffs dem Ein/ausblenden:
das geht, indem du per JS die display-Eigenschaft der entsprechenden Zeile auf "none"(ausblenden) oder ""(eine leere Zeichenkette fürs einblenden setzt)

Code:
document.getElementById('idDerZeile').style.display=="";//Einblenden
 

Neue Beiträge

Zurück