Select>Options to list

by Luis Martin

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea >

</textarea>

<select name="FOFormato" id="p">
<option selected="">
</option><option>Alfanum
</option><option>Smallint
</option><option>Integer
</option><option>Decimal
</option><option>Varchar
</option><option>Date
</option><option>Time
</option><option>TimeStamp</option></select>

CSS

textarea {

  border: 1px solid #ccc;
  padding: 5px;
  overflow: hidden;
}

JavaScript

var text = "";
$("option").each(function()
{
    text+= $(this).text() ;
});

$("textarea").text(text) ;
$("textarea").height($("textarea")[0].scrollHeight+"px");
$("textarea").width($("textarea")[0].scrollWidth+"px");