无法从动态文本框中检索正确的输入值

Question

我有为each数据呈现的输入值。要完全理解该问题，请参阅此gif：

看来，我无法获得正确的输入值

客户端/ JS

var itemEvents = {
  "click #submitReply" : function(e,t) {
    e.preventDefault();
    var el = t.find("#textReply");
    Repliess.insert({
      commentId: commentId,
      text: el.value
    });
    el.value = "";
  }
};
Template.commentList.events(itemEvents);

输入值

<div class="ui input">
    <input id="textReply" type="text" placeholder="Add Comment...">
    <button id="submitReply" type="submit" class="ui button">Submit</button>
  </div>

任何人都知道如何让它正常工作？谢谢你..

Answer 1

我想第一个textarea是空的。试试这个：

Template.commentForm.events({
"click #submitReply" : function(e,t) {
    e.preventDefault();
    var el = $(e.currentTarget).closest(".ui.input").find("#textReply");
    Repliess.insert({
      commentId: commentId,
      text: el.val()
    });
    el.val("");
  }
})