Populate an html textarea from a drop down list

Hi,

This will work, but I can't take credit for the code:

HTML

<textarea id="mytext"></textarea>

<select id="dropdown">
    <option value="">None</option>
    <option value="text1">text1</option>
    <option value="text2">text2</option>
    <option value="text3">text3</option>
    <option value="text4">text4</option>
</select>

Select allOpen in new window

Javascript

<script type="text/javascript">
    var mytextbox = document.getElementById('mytext');
    var mydropdown = document.getElementById('dropdown');

    mydropdown.onchange = function(){
          mytextbox.value = mytextbox.value  + this.value; //to appened
         //mytextbox.innerHTML = this.value;
    }
</script>

Select allOpen in new window

Links:
http://jsfiddle.net/kjy112/kchRh/
http://stackoverflow.com/questions/5263839/how-to-fill-in-a-text-field-with-drop-down-selection

Cheers,
Josh

Take a look at this jsfiddle
.

$("#source").change(function() {
    $("#target").val( $("option:selected", this).text() );
});

Select allOpen in new window

Joshua1909 - Looks promising, I will try this.

Proculopsis - I don't understand this.  Where and how would it be used?

Thanks!

Joshua1909,

I copied and pasted all the code, and it doesn't put anything into the textarea.

This worked:

http://www.tek-tips.com/viewthread.cfm?qid=1071319

Hey Josh,

Your code works fine.  My problem may have had to do with how I placed the javascript - the code that's working is in a function.

Your answer got me to the solution.

Thanks.


The code:


function addOption(x) {

sOption=document.getElementById('textBox1').value;
sOptions=sOption.split("\n");
 if (sOption == '') {document.getElementById('textBox1').value=x+"\n";}
 else {  
  if (sOptions.length > 1) {document.getElementById('textBox1').value=sOption+x+"\n";}
  else {document.getElementById('textBox1').value=sOption+"\n"+x+"\n";}
 }
document.getElementById('textBox1').focus();
}


Source:

http://www.tek-tips.com/viewthread.cfm?qid=1071319