Question

如何制作每个按钮而不是转到另一个页面以在同一页面的对话框中显示信息。这里的代码是从另一个文件中调用id

<script type="text/javascript">

function getvoucher(id){


    return data;

    });

    }

</script>

然后我在我的while循环中有了这个按钮：

<td><?php echo $row['voucher_id']; ?></td>
<td> <?php echo'<a href="test.php?id=' . $row['voucher_id'] . '"> Click here</a>'; ?></td>

当我点击按钮时，它会在测试中显示我想要的内容，但我想让它显示在对话框中，有什么帮助？

Answer 1

你可以使用今天广泛使用的JQuery的UI对话框。以下是演示链接：

https://jqueryui.com/dialog/

您可以做的是设置要在对话框div的

标记中显示的内容，然后将对话框绑定到按钮ID。

示例

JAVASCRIPT

$("#voucher_id").click(function() { $.get("http://52.91.139.19/inactive/test.php?id=" + id, function(data,status){ $("#content").html(data); }); });

<强> HTML

<div id="dialog" title="Basic dialog"> <p id="content">This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> </div>

Answer 2

然后你应该把Id放在按钮和脚本

中

$("#id").click(function(){
    alert("You clicked the button");
});

您是否尝试使用类似echo <script>alert("Message");</script>;

的警报

或者您是否尝试打开可以使用的fancybox，例如<a class="className" data-fancybox-type="iframe" href="yourhreftodisplayinfoonfancybox">Open</a>

<script>
$(".className").fancybox({
    maxWidth:500,
    maxHeight:600,
    fitToView:false,
    width:'60%',
    height:'100%'
}
});</script>`

如果你想要按钮然后尝试用onclick升起fancybox或对话框我不这样做

Answer 3

$("#id").click(function() {
     $.get("http://inactive/test.php?id=" + id, function(data,status){

        $("#content").html(data);

     });
});

要在对话框中显示的信息而不是其他页面

3 个答案: