Farbcode automatisch in die Textarea

[Tageslicht]

Hallo zusammen , ich habe hier eine Textarea und ein Dropdownmenü ! Nun möchte ich beim auswählen der Farbe in die Textarea
den Text :
text haben <-- als Beispiel

Wie ist das lösbar bzw was brauche ich ?

<form>
<textarea id="1" cols="50" rows="5" name="Text"></textarea>
 
<select id="colorselect">
<option value="0">COLOR</option>
<option value="blue" style="color:blue">blue</option>
<option value="orange" style="color:orange">orange</option>
<option value="red" style="color:red">red</option>
<option value="green" style="color:green">green</option>
<option value="tomato" style="color:tomato">tomato</option>
<option value="indigo" style="color:indigo">indigo</option>
</select>
 
</form>

Danke für eure Hilfe

 

[teppi]

Mit JavaScript …

 

[Matthias Reitinger]

Verschoben vom Java- in das JavaScript-Forum.

 

[Gumbo]

Schau dir mal den Quellcode der „Antworten“-Seite dieses Forums an. Dort wird soetwas unter anderem angewandt.

 

[Tageslicht]

Sorry aber da finde ich mich net wirklich durch! Aber danke für die Antwort, werd mich noch nen bisschen durchschlagen, bzw. auf Hilfe warten!


nen schönen Samstag noch

Greez

 

[Tageslicht]

habe nun was gefunden aber es wird nich eingetragen , müsste an den select liegen aber da ich keine ahnung davon habe bitte ich noch mal um hilfe

<select name="farbe" onChange="insert('form_name','textarea_name'">
 
 
<option style="color:black; background-color: #FAFAFA" value="#444444" class="genmed">Standard</option>
<option style="color:darkred; background-color: #FAFAFA" value="darkred" class="genmed">Dunkelrot</option>
<option style="color:red; background-color: #FAFAFA" value="red" class="genmed">Rot</option>
<option style="color:orange; background-color: #FAFAFA" value="orange" class="genmed">Orange</option>
<option style="color:brown; background-color: #FAFAFA" value="brown" class="genmed">Braun</option>
<option style="color:yellow; background-color: #FAFAFA" value="yellow" class="genmed">Gelb</option>
<option style="color:green; background-color: #FAFAFA" value="green" class="genmed">Grün</option>
<option style="color:olive; background-color: #FAFAFA" value="olive" class="genmed">Oliv</option>
<option style="color:cyan; background-color: #FAFAFA" value="cyan" class="genmed">Cyan</option>
<option style="color:blue; background-color: #FAFAFA" value="blue" class="genmed">Blau</option>
<option style="color:darkblue; background-color: #FAFAFA" value="darkblue" class="genmed">Dunkelblau</option>
<option style="color:indigo; background-color: #FAFAFA" value="indigo" class="genmed">Indigo</option>
<option style="color:violet; background-color: #FAFAFA" value="violet" class="genmed">Violett</option>
<option style="color:white; background-color: #FAFAFA" value="white" class="genmed">Weiß</option>
<option style="color:black; background-color: #FAFAFA" value="black" class="genmed">Schwarz</option>
</select>