title: How to change textbox to textarea
body: <p>I am using the following code for selecting font family from drop down list to textbox. Now I want to use textarea in place of text box. How can I do this?</p>
  
  <pre><code>&lt;HTML&gt;
  &lt;head&gt;
  
  
  &lt;head&gt;
  &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
  
  
  &lt;script&gt;
  $(function () {
      $('select[name="font"]').on('change', function () {
          $('input[name="text1"]').css('font-family', this.value);
      });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  
  
  
  &lt;body&gt;
  Select Programming font:
  &lt;select name="font"&gt;
      &lt;option value="arial"&gt;arial black&lt;/option&gt;
      &lt;option value="tohma"&gt;tahoma&lt;/option&gt;
      &lt;option value="times new roman"&gt;times new roman&lt;/option&gt;
      &lt;option value="calibri"&gt;calibri&lt;/option&gt;
  &lt;/select&gt;
  
  
  
  &lt;br&gt;EnterValue:
   &lt;input type="text" name="text1" value="Font Family"&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I tried</p>