Danius: Textarea über Auswahlliste ansprechen

Hallo Leute.

Da ich ein ziemlicher Anfänger in JS bin und meine Nerven schon an die Grenzen gehen, möchte ich euch mein Problem zeigen. Vielleich hat jemand einen Tipp bzw. Quellcode.

Ich möchte, dass der Text, der in der Auswahlliste angewählt wird in das Textarea-Feld eingefügt wird.
z.B.: Man wählt die Option 1 (Hello World) aus und im Textarea-Feld steht "Hello World".

Hätte mir gedacht, es geht einfach... ;-(

  
<form>  
   <textarea name="bemerkung"></textarea>  
   <br/>  
   <select name="bem_texte" onchange="InsertText(this); return false">  
        <option value=0> Standardisierte Bemerkungstexte einf&uuml;gen...</option>  
        <option value=1> Hello World </option>  
        <option value=2> FooBar </option>  
      </select>  
</form>  

<script>  
<!--  
function InsertText(select) {  
  var wert = select.options[select.options.selectedIndex].value;  
  if (wert != 0) {  
    window.document.form.bemerkung.value = selct.options[select.options.selectedIndex].text;  
  }  
}  
// -->  
</script>

Danke nochmals

  1. Hi,

    Hätte mir gedacht, es geht einfach... ;-(

    was ja auch stimmt, Dein Code spricht diesbezüglich Bände. Ergo: Wie lautet Dein Problem?

    <br/>

    Dies soll wohl XHTML sein,

    <option value=0> Standardisierte Bemerkungstexte einf&uuml;gen...</option>

    dies jedoch ist es nicht. Entscheide Dich für einen Standard.

    <script>

    Dies ist weder X- noch HTML, da das zwingend benötigte type-Attribut fehlt.

    <!--

    Und dies ist Unsinn.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
  2. Hallo Leute.

      
    <!DOCTYPE html  
         PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
    <body>  
    <form>  
       <textarea name="bemerkung" id="area"></textarea>  
       <br/>  
       <select name="bem_texte" onchange="InsertText(this).value; return false">  
            <option value=0>Standardisierte Bemerkungstexte einf&uuml;gen...</option>  
            <option value="Hello World">Hello World</option>  
            <option value="FooBar">FooBar</option>  
          </select>  
    </form>  
      
    
    
      
      
    <script>  
    <!--  
    function InsertText(select) {  
      
      var wert = select.options[select.options.selectedIndex].value;  
        alert(wert);  
      
      if (wert != "") {  
        document.forms[0].elements[0].value = select.options[select.options.selectedIndex].text;  
      }  
    }  
    // -->  
    </script>  
    
    

    </body>
    </html>

  3. Hallo Leute.

    Hatte n Fehler noch drin:

      
    <!DOCTYPE html  
         PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
      
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
     <head>  
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
     </head>  
    
    
      
     <script type="text/javascript">  
      <!--  
      function InsertText(select) {  
       var wert = select.options[select.options.selectedIndex].value;  
       if (wert != "") {  
        document.forms[0].elements[0].value = select.options[select.options.selectedIndex].text;  
       }  
      }  
      // -->  
     </script>  
    
    
      
     <body>  
      
     <form>  
        <textarea name="bemerkung"></textarea>  
        <br />  
      
        <select name="bem_texte" onchange="InsertText(this);return false">  
             <option value="">Standardisierte Bemerkungstexte einf&uuml;gen...</option>  
             <option value="Hello World">Hello World</option>  
             <option value="FooBar">FooBar</option>  
        </select>  
     </form>  
      
    </body>  
    </html>  
    
    
  4. Hi Danius,

    <script>

    <!--
    function InsertText(select) {
      var wert = select.options[select.options.selectedIndex].value;
      if (wert != 0) {
        window.document.form.bemerkung.value = selct.options[select.options.selectedIndex].text;
      }
    }
    // -->
    </script>

    Das fehlt ein e in select.options.  
      
    ciao  
    romy
    
    -- 
    [Sie möchten einem Tier ein neues zu Hause geben?](http://www.findeltiere.de/index.php?navi=abzugeben)  
      
    ![](http://www.romy-b.de/Zeug/gans.jpg)
    
  5. Hi,

    Da ich ein ziemlicher Anfänger in JS bin und meine Nerven schon an die Grenzen gehen, möchte ich euch mein Problem zeigen. Vielleich hat jemand einen Tipp bzw. Quellcode.

    Eine Lösung hast du ja schon bekommen, aber vielleicht wäre es in Zukunft gut, wenn du einen Blick in die Fehler-Konsole deines Browsers (im FF: Extras -> Fehler-Konsole) wirfst.
    Wenn dir das dann noch nicht weiter hilft kannst du ja immernoch hier nachfragen und dann am besten gleich die Fehlermeldung mit angeben.
    Das macht es außerdem leichter dir zu helfen.

    Das soll kein Vrowurf für dich als Anfänger sein, nur ein Tipp für die Zukunft.

    mfG,
    steckl