JS - set value if select an option

09/29/2012 15:54 Looneytune#1
Hallo,

ich wuerde gern eine Art "vorgefertigte" Antwort mittels Javascript in ein Form Input setzen, indem ich per Form Select eine Option auswaehle, hat zufaellig jemand ein Sample?

Zum Verstaendnis:
PHP Code:
<form method="post">

<select name="top5" size="3">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>

<textarea name="message"></textarea>
<input type="submit" value="send" name="send" />

</form> 
Option 1 sollte dann bei der Textarea "Hallo, mein Name ist Kevin." als Wert setzen. Option 2 usw. aber was anderes Vorgefertigtes.

Gruß und Danke
09/29/2012 19:29 PseudoPsycho#2
Den HTML-Teil übernommen und modifiziert:
HTML Code:
<form method="post" onSubmit="setAnswer(); return false;">

<select name="top5" id="top5sel" size="3">
      <option value="0">Hallo</option>
      <option value="1">blabla</option>
      <option value="2">blubblub</option>
      <option value="3">irgendwas</option>
      <option value="4">Lorem Ipsum</option>
</select>

<textarea name="message" id="top5message"></textarea>
<input type="submit" value="send" name="send" />

</form>
Und im Head-Teil:
HTML Code:
<script type="application/javascript">
	function setAnswer(){
		var answers=Array();
		answers[0]='Hallo, mein Name ist Kevin.';
		answers[1]='...';
		answers[2]='...';
		answers[3]='..anderes';
		answers[4]='dolor si amet.';
		
		document.getElementById('top5message').value=answers[document.getElementById('top5sel').value];
	}
</script>