将Id值传递给codeigniter中的模态表单

7gyucuyw 于 2023-03-06 发布在其他

关注(0)|答案(2)|浏览(135)

我有一个用户列表，我想更改每个用户的权限，因为每个用户行上都有一个按钮，所以当我单击它时，会弹出一个模态表单，其中包含选择输入和提交按钮，如下所示：
1-这是按钮

<a  value ="<?= $value['id'];?>" class=" btn btn-secondary btn-sm  btn-info permission" data-bs-toggle="modal" data-bs-target="#modal-center" title="Permission">
                                <i class="fas fa-user "></i>
                            </a>

2-这是情态动词

<div class="modal fade" id="modal-center" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">Center modal</h5>
        </div>
        <form class="mt-4" action="<?php echo base_url('User/add_mem_to_group/'.$value['id']); ?>" method="post">
        <select class="form-select" aria-label="Default select example" name="Permission">
            <option selected value="1">Admin</option>
            <option value="2">Moderator</option>
            <option value="3">Client</option>
            
        </select>
        <button class="btn btn-primary w-md waves-effect waves-light" type="submit">
    </div>
</div>

3-我有一个包含add_mem_to_group函数的控制器，该函数负责获取ID和输入结果以授予用户权限。
我陷入了如何将Id传递给模态表单的困境

codeigniter

来源：https://stackoverflow.com/questions/75628117/pass-id-value-to-a-modal-form-in-codeigniter

2条答案

按热度按时间

mitkmikd1#

尝试使用JQuery动态更改模态表单操作

// listener to permission button
$('.permission').click(function() {
  // Get user ID
  var userId = $(this).attr('value');
  // Set user ID as form action
  $('#modal-center form').attr('action', '<?php echo base_url('User/add_mem_to_group/'); ?>' + userId);
});

赞(0）回复(0）举报 2023-03-06

pbgvytdp2#

$(document).ready(function(){  
  $('.view_data').click(function(){  
       var id = $(this).attr("id");  
       console.log(id);
  });  
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  <button class="btn btn-primary view_data" id="1" >VIEW INFO</button>

- 查看代码：-**

<tr>
   <td>
  <button class="btn btn-primary view_data" id="<?php echo $e->id; ?>" ><i class="icon-eye-open">VIEW INFO</i></button>
  </td>
</tr>

- 引导模式代码：-**

<div id="dataModal" class="modal fade">  
      <div class="modal-dialog modal-xl">  
           <div class="modal-content">  
                <div class="modal-header">  
                     <button type="button" class="close" data-dismiss="modal">&times;</button>  
                     <h4 class="modal-title">VIEW FULL INFO</h4>  
                </div>  
                <div class="modal-body" id="your_modal_detail">  
                </div>  
                <div class="modal-footer">  
                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>  
                </div>  
           </div>  
      </div>  
 </div>

- JQUERY AJAX代码：-**

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>  
 $(document).ready(function(){  
  $('.view_data').click(function(){  
       var id = $(this).attr("id");  
       $.ajax({  
            url : "<?php echo base_url('ControllerName/get_Full_data') ?>", 
            type:"POST",  
            data:{id:id},  
            success:function(data){
            //alert(data);  
             $('#your_modal_detail').html(data);  
             $('#dataModal').modal("show");  
            }  
       });  
  });  
 });  
</script>

赞(0）回复(0）举报 2023-03-06

我来回答

将Id值传递给codeigniter中的模态表单

2条答案

相关问题

热门标签

最新问答