当使用php点击open-modal的锚点标签时，获取-modal上的id

Question

我有一个模式打开点击锚标记，并使用javascript在输入隐藏字段中传递id值，该值显示在该隐藏字段中

<a href="#modal2" data-toggle="modal" data-id="<?php echo $CRow['id'];?>" 
id="<?php echo $CRow['id'];?>" class="btn-floating 
waves-effect waves-light yellow modal-trigger" title="Test"></a>
<div id="modal2" class="modal">
<form action="lst_applicant.php" method="post" enctype="multipart/form-data">
<div class="modal-content">
<input type="hidden" id="applicantid" name="applicantid" value="" />
<p>Applicant Information</p>
<?php  
$applicant_detail=mysql_query("select * from tbl_useraccount where id=".$applicantid); 
?>
</div>
<div class="modal-footer">
<button type="submit" name='save' class="btn waves-effect waves-light right modal-close">Save</button>
</div>
</form> 
</div>
Here is the code of javascript passing the id value in input hidden field
<script>
$(document).on("click", ".modal-trigger", function () {
var myBookId = $(this).data('id');
$(".modal-content #applicantid").val( myBookId );
});
</script>

问题是，当我在隐藏字段中获取id，但无法在php变量中获取时。打开模态时如何获取模态id？

当我点击锚标记打开一个模态时，在模态上有一个输入隐藏字段，在这个隐藏字段中使用javascript显示每个锚标记的id值，我想当这个隐藏字段得到id值时，如何获取php变量？我得到了php变量，但它不工作

Answer 1

您可以实现这样的数据，只需在anchor modal data中提供详细信息

CCD_ 2和名称CCD_

$(document).on("click", ".modal-trigger", function () {
var myBookId = $(this).data('id');
var name = $(this).data('name');
var email = $(this).data('email');
$(".modal-content #applicantid").val( myBookId );
$("#appli_name").val(name);
$("#appli_email").val(email);
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<a href="#modal2" data-toggle="modal" data-id="23" data-name="John" data-email="[e-mail]" class="btn-floating waves-effect waves-light yellow modal-trigger" title="Test">Click</a>
<div id="modal2" class="modal">
<form>
<div class="modal-content">
<input type="text" id="applicantid" name="applicantid" value="" />
<p>Applicant Information</p>
<input type="text" id="appli_name"><br>
<input type="text" id="appli_email">
</div>
<div class="modal-footer">
<button type="submit" name='save' class="btn waves-effect waves-light right modal-close">Save</button>
</div>
</form> 
</div>

Answer 2

您不必只在模态中获取该数据的详细信息，您可以在anchor-tag传递之前实现所有内容，比如如何获取id。您可以在modal中传递该数据的详细信息

示例：data-name="<?php echo $CRow['name']; ?>"和您的javascriptvar name=$(this).data('name');

<a href="#modal2" data-toggle="modal" data-id="<?php echo $CRow['id'];?>" id="<?php echo $CRow['id'];?>" data-name="<?php echo $CRow['name']; ?>" class="btn-floating waves-effect waves-light yellow modal-trigger" title="Test"></a>