JU: Wie den selektierten OPTION-value in eine TEXTAREA schreiben?

SELF-Forum

Wie den selektierten OPTION-value in eine TEXTAREA schreiben?

JU
– Informationen zu den Bewertungsregeln

Hallo!
Wie muß der Javascript-Code bei <a href="???">Bereich hinzufügen</a>
heißen, um den value des gerade selektierten option aus dem select in
der Textarea "bereichegewaehlt" hinzuzufügen (plus einem ";")?

<table width="99%"><tr><td>
Betroffene Bereiche: <BR>
<SELECT NAME="bereiche" size="8">
<option value="Außen">Außen</option>
<option value="Innen">Innen</option>
<option value="Vorne">Vorne</option>
</select>

<a href="???">Bereich hinzufügen</a>

</td>
<td>
<TEXTAREA NAME="bereichegewaehlt" ROWS="9" COLS="25"></TEXTAREA><BR>
</td></tr></table>

ciao
JU

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Wie den selektierten OPTION-value in eine TEXTAREA schreiben?

    Stefan Pottinger Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo JU!

    Das hier hat bei mir getan:

    <html></head>

    <script type="text/javascript">
    <!--
        function uebernehmeAuswahl() {
              var index = document.getElementById("select").selectedIndex;
              if(index != -1) {
                   var selectText = document.getElementById("select").childNodes[index].text;
                   document.getElementById("ta").value = document.getElementById("ta").value + selectText + "\n";
             }
           }
    //-->
    </script>
    </head>
    <body>
    <table width="99%"><tr><td>
    Betroffene Bereiche: <BR>
    <SELECT id="select" NAME="bereiche" size="8">
    <option value="Außen">Außen</option>
    <option value="Innen">Innen</option>
    <option value="Vorne">Vorne</option>
    </select>
    <a href="javascript:uebernehmeAuswahl();">Bereich hinzufügen</a>
    </td>
    <td>
    <TEXTAREA id="ta" NAME="bereichegewaehlt" ROWS="9" COLS="25"></TEXTAREA><BR>
    </td></tr></table>
    </body>
    </html>

    Aber beachten:

    http://selfhtml.teamone.de/javascript/objekte/node.htm#child_nodes_nn6x

    Stefan

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Wie den selektierten OPTION-value in eine TEXTAREA schreiben?

      JU
      – Informationen zu den Bewertungsregeln

      Hallo!

      Ich habs mal so gemacht:
      Javascript-Funktion selectWert(sObj) im header (von einer usenet-faq auf dcljs.de).

      <script language="JavaScript" type="text/javascript">
      <!--
      function radioWert(rObj) {
        for (var i=0; i<rObj.length; i++) if (rObj[i].checked) return rObj[i].value;
        return false;
      }
      function selectWert(sObj) {
        with (sObj) return options[selectedIndex].value;
      }
      function multipleWert(sObj, trenn) {
        var rVal = '';
        for (var i=0; i<sObj.options.length; i++) with (sObj.options[i])
          if (selected) rVal += trenn + value;
        return rVal.substring(trenn.length);
      }
      // -->
      </script>

      Und dann noch als <a>-tag, und das ganze in einem <form>-tag:

      <FORM ACTION="formwrite.php" METHOD="post" enctype="multipart/form-data" name="formwriteform">
      Betroffene Bereiche: <BR>
      <SELECT id="select" NAME="bereiche" size="8">
      <option value="Außen">Außen</option>
      <option value="Innen">Innen</option>
      <option value="Vorne">Vorne</option>
      </select>
      <a href="javascript:void(document.formwriteform.bereichegewaehlt.value += ';' + selectWert(document.formwriteform.bereiche) );">Bereich hinzufügen</a>
      </td>
      <td>
      <TEXTAREA NAME="bereichegewaehlt" ROWS="9" COLS="25"></TEXTAREA><BR>
      </td></tr></table>
      </FORM>

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln