2017-04-04 66 views
-3

我想將變量值傳遞給我在同一頁面上調用的模態框,但尚未能做到。將變量的值傳遞給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">&times;</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),但我無法按照我的要求對其進行自定義。

對不起,如果它太簡單了。我是一個新手

+1

你想要的變量值傳遞給你的模式對話框或你想傳遞變量? –

+0

@GovindaRajbhar變量值 –

+1

您的JavaScript代碼是錯誤的。您已將「點擊」事件附加到文檔。所以,只要你點擊頁面腳本就會運行。你需要在jQuery事件中學習「this」的範圍。在你的情況下,「this」將代表「文檔」,因此你的定製不起作用。 –

回答

2

這是在我的情況。是的,它不是在PHP中,但我已經把數據ID的靜態值。

$('body').on('click', '.open-AddBookDialog', function() { 
    var myBookId = $(this).data('id'); 
    $("#addBookDialog #bookId").val(myBookId); 
}); 

JSFIDDLE

+0

不,我想要一個變量值傳遞給模態框 –

+0

現在,您可以在輸入中設置任何變量值,只需要代表myBookId變量傳遞該變量即可。 –