如何将值从mysql传递给Bootstrap Modal

时间:2014-10-09 01:02:00

标签: php mysql twitter-bootstrap

我想点击按钮时传递MySQL数据。 我已经在谷歌搜索但我无法在我的代码中使用它。

preview image

按钮在表格中,这就是我使用行来回显数据的原因。

当我按下查看顺序按钮时,模态将显示我想要查看的数据。

   <button data-id="<?php echo $rows['id'] ; ?>" data-fullname="<?php echo $rows['fullname'] ;?>" type="button" class="ViewOrder btn btn-success btn-lg btn-block" data-toggle="modal" data-target="#myModal">View Order</button>

脚本

$(document).ready(function () { 
    $(".ViewOrder").click(function () { 

        $('#id').val($(this).data('id'));  
        $('#fullname').val($(this).data('data-fullname'));

        $('#myModal').modal('show');
    });
});

这是我的模态身体

            <form class="form-horizontal orderitem" role="form">
                    <div class="form-group">
              <input type="text" class="form-control" id="id" name="id" value="">
                    <label for="fullname" class="col-sm-2 control-label">Full Name</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="fullname" name="fullname" value="<?php echo $fullname ;?>">
                    </div>
                </div>
            </form>

0 个答案:

没有答案