help with dropdown list onclick

[MDanz]

i want onclick of an option in the dropdown list to change the value of the textarea.  I tried but it's not working.

 

<script type='text/javascript'>
function ChgBox(number) {


var thecontent = document.getElementById(number).innerHTML;
   document.getElementById(content).value = thecontent;	

}
</script>

echo "<div style='display:none;' id='2'>Type Image Url</div>";	
		 $thenum ="2";

<select>
  <option value='1' >Your comment on</option>
  <option value='3' >Your question on</option>
  <option value='2' onclick='ChgBox($thenum);'>Your image about</option>
  <option value='0' >Comparison</option>
</select>

 

<textarea name='content' id='content'></textarea>

[RichardRotterdam]

Don't use onclick with a select element. Use onchange then do something when your value is something.

 

example:

<script type="text/javascript">
window.onload =  function() {
document.getElementById('your_select').onchange = function() {
	alert(this.value);
}
}
</script>
<select id="your_select">
<option value='1' >Your comment on</option>
<option value='3' >Your question on</option>
<option value='2' >Your image about</option>
<option value='0' >Comparison</option>
</select>