Question

所以，这就是事情 - 我有一个使用foreach循环生成的评论部分，所有评论都有按钮点击，这将导致bootstrap模式打开textarea以输入回复评论。问题是我只能从页面上的第一条评论中得到一个值，我试图通过JS来获得价值 - var comment = $('#textarea_id').val();并仅使用PHP（$ _POST），但它仅适用于第一条评论。此外，它试图为每个textarea，唯一的名称等添加唯一的ID，但它也没有帮助。以下是一些视觉理解的代码（请注意，我使用的是智能引擎，但我认为它与常规PHP foreach循环中的逻辑相同，所以不要介意）：< / p>

{foreach from=$comments item=row}
Here is the body of comment and button to trigger reply modal
And this is reply modal with textarea in it:
            <!-- Reply Modal -->
            <div class="modal fade" id="{$row.id}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content" style="word-wrap:break-word;">
                        <div class="modal-header love-modal">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h3 class="modal-title" id="myModalLabel">Reply to <a href="{$abslink}profile/{$row.username}">{$row.username}</a></h3>
                        </div>
                        <div class="modal-body">
                            <form class="form-horizontal" role="form" action="#" method="post">
                            <textarea class="form-control" id="someidfortextarea" name="" rows="8" maxlength="5550"></textarea>
                            </form>
                         </div>
                        <div class="modal-footer">
                            <button class="reply btn btn-success" name="submit" type="submit">Post</button>
                            <button type="button" class="btn btn-success" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
            {/foreach}

所以，主要问题是 - 如何从foreach循环中的textarea获取文本（通过php或javascript）？我会很高兴看到任何建议或建议！非常感谢你！

Answer 1

您需要一个共享标识符来将按钮与匹配的textarea相关联。 $row.id似乎是一个很好的匹配。

免责声明：未经测试的代码，因此您可能需要稍微调整一下才能使其正常工作。

{foreach from=$comments item=row}
    ...
    <textarea class="form-control" id="textarea_{$row.id}" name="" rows="8" maxlength="5550"></textarea>
    ...
    <button id="submit_post_{$row.id}" class="reply btn btn-success" name="submit" type="submit">Post</button>
    ...
{/foreach}

然后在您的javascript中，您可以将其关联起来：

$('button.reply').click(function() {
    var button_id = $(this).prop('id');
    var row_id = button_id.replace('submit_post_', '');
    var textarea_id = '#textarea_' + row_id;

    var comment = $(textarea_id).val();

    // now send {comment} to the server using ajax
});

我确定有更有效的方法可以执行此操作，也许您可以在按钮上使用data属性，这样您就不必在按钮上删除字符串＆＃39 ; s id。这只是一个普遍的想法。

从foreta循环内部的textarea获取值

1 个答案: