Question

我希望将特定行的id传递给模态

链接代码

<a href="#myModal" class="btn btn-default btn-small" id="custId" data-toggle="modal" data-id="<? echo $row['id']; ?>">Resume</a>

模态代码

<div id="myModal" class="modal fade" tabindex="-1" data-width="760">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
    <h4 class="modal-title">Update profile</h4>
  </div>
  <div class="modal-body">
    <div class="row">
      <div class="col-md-12">
        <div class="fetched-data"></div>
      </div>
    </div>
  </div>
  <div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
    <button type="submit" name="register" alt="Login" value="Submit" class="btn blue">Save changes</button>
 </div>
</div>

脚本代码

<script>
$(document).ready(function(){
    $('#myModal').on('show.bs.modal', function (e) {
        var rowid = $(e.relatedTarget).data('id');
        $.ajax({
            type : 'post',
            url : 'fetch.php', //Here you will fetch records 
            data :  'rowid='+ rowid, //Pass $id
            success : function(data){
            $('.fetched-data').html(data);//Show fetched data from database
            }
        });
     });
});
</script>

fetch.php的代码

<?php
  $editId = $_POST['rowid'];
  echo $editId;
?>

我应该得到id但是我在模态中得到未定义的值，任何人都可以告诉为什么会发生这种情况

Answer 1

试试此代码

<a href="#myModal" class="btn btn-default btn-small ListId" id="custId" data-toggle="modal" data-id="<? echo $row['id']; ?>">Resume</a>

<div id="myModal" class="modal fade" tabindex="-1" data-width="760">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
            <h4 class="modal-title">Update profile</h4>
    </div>
    <div class="modal-body">
        <div class="row">
            <div class="col-md-12">
                <span class='ShowData'> </span>
            </div>
        </div>
    </div>

    <div class="modal-footer">
        <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
        <button type="submit" name="register" alt="Login" value="Submit" class="btn blue">Save changes</button>
    </div>
</div>

脚本代码

<script>
$('.ListId').click(function()
    {
        var Id=$(this).attr('data-id');
        $.ajax({url:"fetch.php?Id="+Id,cache:false,success:function(result)
            {
                $(".ShowData").html(result);
            }});
    });
</script>

fetch.php代码

$id=$_GET['Id'];
echo $id;

传递模态中的行的id

1 个答案: