Modify text in form based on selection (Option Select element)

[Benaron]

I'm a javascript newbie - so although I can follow scripts and write simple ones, I get stuck when things don't work.

I'm trying to have a help section on my web-site where each question/FAQ will be on a drop-down box (Option Select). Beneath this I've set a textarea and I wanted this to be populated with the answer based on the user selection.

I've created an array of my answers in the header area and tried to get an ONCHANGE on the select box to fill the textarea box based on the array and the selected index. Nothing works. If I hard-code the result it does i.e. ONCHANGE textarea="hardcoded value" - but not when I try ONCHANGE textarea = array[selectedindex value].

Am I missing something obvious - or how can I do this.

Thanks.

[acoder]

If you have a textarea like this:
[html]<textarea id="textarea"></textarea>[/html]then call a function onchange:
[html]<select onchange="changeText(this.value);">
<option value="0">Test</option>
<option value="1">test 2</option>
<option value="2">test 3</option>
</select>[/html]and define the function and array like this:

var arr = ["Test 1","test 2","test 3\r\n"+"more"];
function changeText(val) {
    document.getElementById("textarea").value = arr[parseInt(val)];
}