title: Append the value(text) of selected option to a textarea with jQuery
body: <p>I want to determine the selected value of a select list with jQuery, and append that value to a textarea.</p>
  
  <p>How do I do that?</p>
  
  <pre><code>&lt;div id="myDiv"&gt;
      &lt;a&gt;Enter&lt;/a&gt;&lt;br /&gt;
      &lt;div&gt;
        &lt;textarea&gt;
  
        &lt;/textarea&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="select"&gt;
  &lt;select&gt;
    &lt;option value="volvo"&gt;Option1&lt;/option&gt;
    &lt;option value="saab"&gt;Option2&lt;/option&gt;
    &lt;option value="mercedes"&gt;Option3&lt;/option&gt;
    &lt;option value="audi"&gt;Option4&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  
  
  $('#myDiv a').click(function(){
  $('#select select').appendTo('#myDiv');
  $('#select').css('display','block');
         $('#select select').attr('selected').html().clone().appendTo('textarea');
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/dmymQ/24/" rel="nofollow">FIDDLE</a></p>