创建文本区和单击多个元素以回复评论
创建文本区和单击多个元素以回复评论
提问于 2017-12-23 01:42:17
目前，我有一个PHP脚本，从数据库获取注释(com_text，名称等)，我回显它们，对于每个结果，我也回显一个带有隐藏文本区(从CSS)和多个输入字段(type='hidden')的div，然后单击(回复)一个按钮，我将div从隐藏的文本区更改为内联，这样用户就可以输入和回复注释。例如：
foreach($result as $r){
<div class='comments'>
echo"<p>$r['com_text']</p>";
<button> reply <button>
etc
</div>
<div class="reply_container>
<form>
<textarea></textarea>
<input type="hidden value="value_from_database" name="">
<input type="hidden value="" name="">
<button type="submit></button>
</form>
</div>
}你得到了每个评论的想法，我还创建了一个隐藏的文本区域，让人们回复。
我的问题是:我可以动态地做这样的事情，这样我就不必为每个评论都创建这样的东西吗？还是有更好的方法？
我的想法是创建另一个PHP脚本，将类似这样的内容附加到Ajax中，这是可行的方法吗？
谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-12-23 01:51:21
所以我只有一个回复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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47945369
复制相关文章
相似问题
腾讯云开发者
