单击时创建textarea和多个元素以回复评论

时间:2017-12-22 17:42:17

标签: php jquery html ajax

目前,我有一个PHP脚本从数据库中获取注释(com_text,name等),我回应它们,对于每个结果,我还用一个隐藏的textarea(来自CSS)和多个输入字段{{来回显div。 1}},然后单击按钮(回复)我将tex与textarea从隐藏更改为内联,以便用户可以键入并回复注释。 例如:

%g

你了解每个评论的想法我还创建了一个隐藏的textarea让人们回复。

我的问题是:我可以动态地做这样的事情,所以我不必为每条评论创建这个吗?或者有更好的方法吗?

我的想法是创建另一个PHP脚本,用Ajax附加这样的东西,这是要走的路吗?

谢谢。

1 个答案:

答案 0 :(得分:1)

所以我有一个单独的回复div和多个评论。单击任何.comment div将触发我的监听器,该监听器将填充回复div中的相关字段并显示它。这有点像你在寻找吗?



$(".comments-pane").on("click", ".comment", function(){
  var el = $(this);
  var elID = $(this).attr("id");
  var elText = $(this).text();
  
  $(".reply_container")
     .find("h3")
       .text("Your reply to "+elText).end()
     .find(".comment_id")
       .val(elID).end()
     .show();
   });

.reply_container {
  display: none;
}
.comment {
  border-bottom: 1px solid #999;
  padding: 5px;
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="comments-pane">
  <div class="comment" id="4042311">
    The first one
  </div>
  <div class="comment" id="4042313">
    A follow-up comment
  </div>
  <div class="comment" id="4042317">
    Yet a third comment.
  </div>
</div>
  
  
<div class="reply_container">
  <h3></h3>
<form>
<input type="hidden" name="comment_id">
<input type="text" value="" name="reply_text">
<button type="submit">Reply</button>
</form>
</div>
&#13;
&#13;
&#13;