使用jQuery在textarea中追加元素ID

单击

li

项目时，我想在文本区域中插入其ID。我有以下代码，只有在

textarea

中没有输入任何内容时，它才能正常工作。如果我在

textarea

中输入任何内容（即使我将其删除），它也不会工作。我怎样才能解决这个问题

检查演示以查看问题

$("ul li").click(function(event) {
    var eid = $(this).attr('id');
    $(".text").append(eid);
});

JSFiddle:

查看以下内容：

$("ul li").click(function(event) {
  var eid = $(this).attr('id');
  var texto = $(".text").val();
  $(".text").val(texto + eid);
});

---

工作小提琴：如果类为“text”的元素是textarea元素，请尝试：

$("ul li").click(function(event) {
    var eid = $(this).attr('id');
    var oldVal = $(".text").val();
    $(".text").val(oldVal + eid);
});

---

请注意，如果您有多个textarea，则需要调整此代码以处理倍数。

这应该可以完成以下工作：

---

您不需要使用append。您可以使用

val（）

：

$（“ul li”）。单击（功能（事件）{
var eid=$（this.attr（'id'）；
$（“.text”）.val（$（“.text”）.val（）+“”+eid）；
});
textarea{
高度：100px；
宽度：300px；
边缘底部：20px；
}
ulli{
浮动：左；
右边距：5px；
宽度：40px；
高度：40px；
溢出：隐藏；
光标：指针；
}
ulliimg{
最大宽度：100%；
}












$("ul li").click(function(event) {
    event.preventDefault();
    var eid = $(this).attr('id');
     $(".text").val(eid);
    // $(".text").append(eid);
});