javascript - 显示自定义提示框 html 并将结果传递给 php

Question

我创建了一个表，其中显示用户列表。每个用户都有一个消息按钮。单击消息按钮时，我想显示一个自定义提示框，用户可以在其中键入消息。点击提交后，输入的消息将被发送到 php 页面。

<div style="overflow: auto;height: 400px; width: 100%;">
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <th>Id</th>
            <th>Package</th>
            <th>Date</th>
            <th>Referring Agent</th>
            <th>Action</th>
       </tr>
       <?php if(!empty($records)){
            foreach($records as $k=>$v){
       ?>
     <tr>
        <td><?php echo $v['id']; ?></td>
        <td><h3><a href="#"><?php echo $v['package']; ?></a></h3></td>
        <td><?php echo $v['submit_date']; ?></td>
        <td><?php echo $v['agent']; ?></td>
        <td>
            <div class="pagging">
                <a href="?id=<?php echo $v['id'];?>">Message</a>
            </div>
        </td>
     </tr>
    <?php  
        }
     }else{
    ?>
   <tr>
        <td colspan="5" align='center'><?php echo "No record added yet"; ?>
   </tr>
   <?php 
     } 
   ?>


                                <!--<tr class="odd">
                                    <td>2</td>
                                    <td><h3><a href="#">Lorem ipsum dolor sit amet, consectetur.</a></h3></td>
                                    <td>12.05.09</td>
                                    <td>Administrator</td>
                                    <td>
                                    <div class="pagging">
                                    <a href="#">Send Notification</a>
                                    </div>
                                    </td>`enter code here`
                                </tr>-->

                            </table>
                            </div>

在 php 中，我通过这种方式获取 id，在这里我也希望输入消息。请帮忙

if (isset($_GET['id'])){
        $id=$_GET['id'];
    }

Answer 1

如何制作一个简单示例:

<input type="button" value="Show" onClick="showDiv()">

这是将触发事件(显示 div)的按钮。

<div id="someDiv" style="display: none">
    <form action="file.php" method="POST">
        <textarea name="textArea" rows="4" cols="20"></textarea><br>
        <input type="submit" name="submit" value="Submit message">
    </form>
</div>

这是您的自定义提示(消息)。

<script>
function showDiv()
{
    var div = document.getElementById('someDiv');
    if (div)
        div.style.display = 'inherit';
}
</script>

这是显示您的自定义提示的 JavaScript 函数。

您需要做的是将 onClick 事件添加到按钮，并在某处插入 JavaScript 函数(最好在单独的 JS 文件中)，并将提示隐藏在同一个 HTML 文档中。

希望有帮助!