Question

我正在开发一个Python Flask应用程序，我正在编写python程序，HTML5并使用Bootstrap。我很喜欢Javascript，因为我是新手。

我的页面中有一个表格，其中“id”被赋值给一个值。我可以使用

获取id值

<script>
    $("table tr").click(function(){
    alert (this.id);
});
    </script>

我想将“id”值发送到另一个页面，然后将结果页面打开为Modal。你能指导或分享同样的样本代码......？

Answer 1

如果您已经下载了bootstrap插件，那么我的回答将会非常简单。早些时候我写过你在PHP (have a look)中所要求的相同内容。关于JQUERY和HTML5的语言是什么。

您只需使用JQUERY触发以下行，然后它将以模态格式打开第二页内容。

<a data-toggle="modal" class="trigger" data-target="#yourid" href="second_page.php" ></a>

触发上述行

$("table tr").click(function(){
    $('.trigger').trigger("click");
});

您的第二页内容应该像

<div id="yourid" class="modal fade" role="dialog">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Give a title name</h4>
        </div>
        <div class="modal-body">

                   <!-- Place your second page content here -->

        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default btn-xs" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

请参阅此link。如果我错了，请纠正我

使用Javascript

1 个答案: