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

时间:2016-05-11 12:13:20

标签: javascript php html

我创建了一个表格,显示用户列表。每个用户都有一个消息按钮。点击消息按钮,我想显示一个自定义提示框,用户可以在其中键入消息。点击提交后,键入的消息将被发送到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'];
    }

1 个答案:

答案 0 :(得分:0)

如何制作一个简单示例:

<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文档中隐藏您的提示。

希望有所帮助!