jQuery将HTML代码附加到textarea中

Question

我正在尝试将HTML元素"附加"到textarea中.我想出了如何插入HTML元素:

看到这里-------> jsFiddle <--------

但我无法弄清楚如何APPEND.

这是代码:

HTML

<select id='sel' size='1'>
  <option>&#60;&#62;&#60;&#47;&#62;</option>
  <option>&#60;p&#62;&#60;&#47;p&#62;</option>
  <option>&#60;div&#62;&#60;&#47;p&#62;</option>
  <option>&#60;a&#62;&#60;&#47;a&#62;</option>
  </select><br/><br/>
<textarea id='txtarea'></textarea>

jQuery的

$(document).ready(function() {
  $('select').change(function() {
    $('textarea').html($(this).val());        
  });
});

有谁知道如何将HTML元素文本附加到textarea？我的意思是如果你继续点击"<p> </ p>"项目,它会继续插入另一个项目.

谢谢!!

Answer 1

在事件处理程序之外创建一个临时变量并继续追加到该变量,然后使用变量值更新textarea,如下所示:

var tempValue = '';

http://jsfiddle.net/KyleMuir/vWFQQ/1/

您将要运行的问题是change()不会为同一下拉菜单选择多个选项,但是,此解决方案:https://stackoverflow.com/a/898761/2469255可能有用.. .

希望这可以帮助

编辑:看到这个更新的小提琴.selected()扩展名.