我有一个点击 anchor 标记时打开的模式,并使用 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?
当我单击 anchor 标记打开模态时,在模态上有一个输入隐藏字段,在该隐藏字段中使用 javascript 显示每个 anchor 标记的 id 值,我希望当该隐藏字段获取 id 值时如何进入php变量?我正在获取 php 变量,但它不起作用
最佳答案
您可以获取这样的数据,您只需在anchor modal data
中提供详细信息即可
data-id="<?php echo $CRow['id'];?>"
以及名称data-name="<?php echo $CRow['name'];?>"
等等
$(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="<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5b313433351b3c363a323775383436" rel="noreferrer noopener nofollow">[email protected]</a>" 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>
关于javascript - 使用 php 单击打开模态的 anchor 标记时获取模态上的 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53076845/