我想將變量值傳遞給我在同一頁面上調用的模態框,但尚未能做到。將變量的值傳遞給PHP中的模態框
代碼以打開模式對話框是如下
<li style="font-style:bold" title="rate on skill" class="skill_rating">
<a data-toggle="modal" title="Add this item" class="open-AddBookDialog" href="#addBookDialog" data-id='<?php echo $skill_id2[$q]?>'>
<i class="fa fa-anchor" aria-hidden="true"></i> </a><?php echo $skilltemp2[$q2] ?></li>
模式對話框的代碼如下
<div class="modal fade" id="addBookDialog" tabindex="-1" role="dialog" aria-labelledby="addBookDialog"><div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Search</h4>
</div>
<div class="modal-body">
<div class="form-group">
<input type="text" name="bookId" id="bookId" value=""/>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"><span>Search</span></button>
</div>
</div>
</div>
的Javascript之前結束標記是如下
<script type="text/javascript">
$(document).on("click", ".open-AddBookDialog", function() {
var myBookId = $(this).data('id');
$(".modal-body #bookId").val(myBookId);
});
</script>
我在stackoverflow上看到了幾個答案(如:Passing data to a bootstrap modal),但我無法按照我的要求對其進行自定義。
對不起,如果它太簡單了。我是一個新手
你想要的變量值傳遞給你的模式對話框或你想傳遞變量? –
@GovindaRajbhar變量值 –
您的JavaScript代碼是錯誤的。您已將「點擊」事件附加到文檔。所以,只要你點擊頁面腳本就會運行。你需要在jQuery事件中學習「this」的範圍。在你的情況下,「this」將代表「文檔」,因此你的定製不起作用。 –