Question

我确实有一个表，其中包含用于删除特定用户的删除按钮。因此，当我单击“删除”按钮时，将显示确认模式，而当我单击“删除”按钮时，必须删除特定用户。

触发模式

的按钮

<td style="white-space: nowrap; width: 1%;">
   <div class="tabledit-toolbar btn-toolbar" style="text-align: left;">
        <div class="btn-group btn-group-sm" style="float: none;">
            <button onclick="location.href='<?php echo base_url('Employee/viewEmployee/'.$id) ?> ' " type="button" class="tabledit-delete-button btn btn-inverse waves-effect waves-light" style="float: none;margin: 5px;">
              <span class="fa fa-eye"></span>
            </button>
            <button onclick="location.href='<?php echo base_url('Employee/editEmployeeView/'.$id) ?> ' " type="button" class="tabledit-edit-button btn btn-primary waves-effect waves-light" style="float: none;margin: 5px;">
              <span class="icofont icofont-ui-edit"></span>
            </button>
            <button type="button" id="<?php echo $id; ?>" class="tabledit-delete-button btn btn-danger waves-effect waves-light" data-toggle="modal" data-target="#default-Modal" data-id="<?php echo $id; ?>" data-yourparameter="<?php echo $id; ?>" style="float: none;margin: 5px;">
              <span class="icofont icofont-ui-delete"></span>
            </button>
         </div>
    </div>
 </td>

模式

<div class="modal fade" id="default-Modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">
          <h4 class="modal-title">Delete Employee</h4>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
           <h5>Are you sure?</h5><br>
           <p>By proceeding ,the data will be permanently deleted.You will not  be able to recover once it is deleted</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default waves-effect " data-dismiss="modal">Cancel</button>
          <button type="button" class="btn btn-danger waves-effect waves-light " onclick="location.href='<?php echo base_url('Employee/deleteEmployee/'.$id) ?>' ">Delete</button>
        </div>
    </div>
 </div>

当前，当我单击按钮时，默认情况下模态是打开的。除了jquery库，我没有写任何其他脚本。

我想做的就是将id传递给模态。

我是javascript和jquery的新手。我尝试了其他问题中提到的一些答案，但是无论我使用什么代码，都无法解决；该模式是由jquery库的方法打开的（我认为）。

非常感谢您的帮助。谢谢。

Answer 1

我认为您发布ID来使用PHP对其进行处理。

使用onclick函数替换onclick方法中的值：
将其放在代码的底部！

<script>
$(".tabledit-delete-button").each(function(index) {
    $(this).on("click", function(){
       var myID = $(this).data('id');
       $("#default-Modal .btn-danger").attr("onclick","location.href='/Employee/deleteEmployee/'" + myID);
    });
});
</script>

那么您就可以在模态中拥有自己的价值。
这样可以避免使用多个相同的模态。

查看我为您制作的JSfiddle： https://jsfiddle.net/Jbotman/f4voxes8/1/

将数据传递到模式中的Button href

1 个答案: