Question

我遇到了从mysql表到模态获取id的问题。我有一个包含mysql表数据的数据表。我放了一个“更新”按钮来编辑数据。 UPDATE按钮在同一页面中打开模态。按钮代码是;

<a data-toggle='modal' class='btn btn-success btn-setting' href='#myModal1'>UPDATE</a>

它完美地工作并且非常好地打开模态。但问题始于那里。我需要定位并将id发布到模态内容。要做到这一点，我必须做**href='something.php?id={id}'**

之类的事情

我有href='#myModal1'>因此我无法做到。

我尝试了什么？

我试过**href='#myModal1?kid={$list["kid"]}'** 当我将鼠标悬停在按钮上时，我可以看到它正在获取id，但是当我单击按钮时，模态没有打开。此外，我试图搜索谷歌。我想很多人用javascript来解决这个问题，我不知道:)任何帮助都会很棒。谢谢！

Answer 1

创建一个类（任何类名）。例如，我在UpdateButton代码中创建了“<a>”。创建一个“data-OrderID”（或任何名称）。例如，我在data-OrderID代码中创建了“<a>”。在此属性中传递您的ID值。使用下面的<script>标记。

<a href='#myModal1' class='btn btn-success btn-setting UpdateButton' data-OrderID="<?echo $YourIdHere;?>"  data-toggle='modal'>
    UPDATE
</a>

现在，在<script>标签中，我使用'UpdateButton'类来调用模态。并且，“data-OrderID”将值传递给something.php页面

<script>
    $('.UpdateButton').click(function(){
        var Id=$(this).attr('data-OrderID');
        $.ajax({url:"something.php?Id="+Id,cache:false,success:function(result){
            $(".modal-content").html(result);
        }});
    });
</script>

something.php （模态）

<?
echo $Id = $_GET['Id'];
?>

它对我有用。也希望你。

查看Here了解详情。

Answer 2

在html中添加数据属性，如下所示＆＃34; data-exid＆＃34;

<a data-toggle='modal' data-exid='[YOUR ID]' class='btn btn-success btn-setting' href='#myModal1'>UPDATE</a>

并尝试模型框启动事件的下面的代码

jQuery('#myModal1').on('show.bs.modal', function(event) {
var button = jQuery(event.relatedTarget) // Button that triggered the modal
var exId = button.data('exid') // Extract info from data-* attributes
// If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
// Update the modal's content. We'll use jQuery here, but you could use a data binding library or 0other methods instead.

/*Add this line in local*/
var modal = jQuery(this)
modal.find('#logId').val(-1)
modal.find('#logId').val(exId)});

这里＆＃34;＃logId＆＃34;是模型中隐藏框的id

如何从mysql到模态获取id？

2 个答案: