How to pass data-id variable from modal to php page

问题

I have the following DELETE button that I am passing $userid through the data-id

<a href='#myModal' class='trash' data-id='".$userid."' role='button'data-toggle='modal'>
    Delete</a>

I have the following modal

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">Confirm Delete</h4>
            </div>
            <div class="modal-body">
                <p>You are about to delete <b><i class="title"></i></b> record, this procedure is irreversible.</p>
                <p>Do you want to proceed?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <a href="#" class="btn btn-danger"  id="modalDelete">Delete</a>
            </div>
        </div>
    </div>
</div>

And the following JS which gets the value of the DELETE button

$('.trash').click(function(){
   var id=$(this).data('id');   
   $('#modalDelete').attr('href','delete_user.php?id=' + id);
});

I am trying to set the value of the "href" in the modal so that it can be passed to a php page called delete_user.php which deletes the user from the database. Anyone see where I am going wrong? I cannot get the href to go to the delete_user.php

回答1:

you have mistake here data-id='".$userid."' should be data-id='<?php echo $userid;>'

<a href='#myModal' class='trash' data-id='<?php echo $userid;>' role='button'data-toggle='modal'>
Delete</a>

and for better approach, get rid of click function, use modal event and let bootstrap handle the rest

$(document).ready(function() {
  $('#myModal').on('show.bs.modal', function(e) {
    var id = $(e.relatedTarget).data('id');
    alert(id);
    $('#modalDelete').attr('href', 'delete_user.php?id=' + id);
  });
});

Fiddle

来源：https://stackoverflow.com/questions/36550004/how-to-pass-data-id-variable-from-modal-to-php-page

标签

javascript

php

href

bootstrap-modal