javascript - 在Textarea中添加字体和功能

我正在尝试为正在创建的脚本编码器创建一项功能，该功能会将textarea的字体大小增加一倍。这是我到目前为止所得到的:

<script type="text/javascript">
  var size=10 + "px";
  var size2=10;
  function add(){
     size2++;
     size=size2+"px";
  }
  if(typeof size2=="undefined"){size2="10";}
  $('#panel').html("<form method='post' name='pad' align='center'><textarea class='look' rows='11' id='code1' style='font-size:"+size+";' name='text' cols='58'></textarea><br></form>")
</script>

<div id="panel"></div>
<br />
<input type="button" value="Font+" name="fontAdd" onclick="add();">

问题是Textarea没有显示。

最佳答案

我在这里修改了您的解决方案:

http://jsfiddle.net/H2J9Y/2/

唯一的“陷阱”是，当增加文本大小时，如果文本框中有文本，则直到您再次开始键入时，它才不会真正保持内联。您会明白我的意思，但希望可以解决您的主要问题。

编辑:进行一些填充会使问题不那么明显
http://jsfiddle.net/H2J9Y/3/