2014-12-29 26 views
2

我目前正面臨一個問題,我想通過單擊按鈕使用引導來顯示對話框。我在html(.jsp)中創建了對話框,在另一個.jsp中創建了提交按鈕,但單擊按鈕後,它只顯示空白頁而不是對話框。如何將數據目標標識傳遞給另一個jsp引導

SubmitForm.jsp

<form id="cusPayment" name="cusPayment" method="post" action="CusConfirmPayment.jsp"> 
       <input id="accid" name="accid" type="hidden" value="<%=accno%>"> 
       <input id="statid" name="statid" type="hidden" value="<%=ref%>"> 
       <input id="amt" name="amt" type="hidden" value="<%=amt%>"> 
       <input id="lflag" name="lflag" type="hidden" value="E"> 


</form> 



      <a data-toggle="modal" data-target="#loginModal" href="#" class="btn-green pay-btn" id='paynow'>Pay Bill Now<i class="fa fa-chevron-right"></i></a> 
      <div> 
    </div> 


$(document).ready(function() { 
$(".paynow,#paynow").click(function(event){ 
      event.preventDefault(); 
      $("#cusPayment").submit(); 
}); 


CusConfirmPayment.jsp

<div class="modal fade pay-now" id="loginModal" tabindex="-1" role="dialog" aria-hidden="true"> 
       <div class="modal-dialog modal-top"> 
        <div class="modal-content self-content"> 
         <div class="modal-header remove-border"> 
          <button type="button" class="close-btn" data-dismiss="modal">&times;</button> 
         </div> 
         <div class="modal-body popup-copy"> 
          <div class="col-sm-10 popup-title">Confirm Payment Amount</div> 
         </div> 
        </div> 
    </div> 
    </div> 

回答

0

我已經做了plunkr for you to try

我不得不取消您的JavaScript因爲提交功能你不會暈t在這裏提交表格,你只是想顯示模態窗口。如果你這樣做,你不需要通過隱藏輸入來傳遞變量。它應該在同一頁面上。 在plunkr中,我刪除了其他頁面,並將其內容添加到同一頁面上,以便它可以看到它。

<form id="cusPayment" name="cusPayment" method="post" action="#"> 
<input id="accid" name="accid" type="hidden" value="<%=accno%>"> 
<input id="statid" name="statid" type="hidden" value="<%=ref%>"> 
<input id="amt" name="amt" type="hidden" value="<%=amt%>"> 
<input id="lflag" name="lflag" type="hidden" value="E"> 
</form> 
<a data-toggle="modal" data-target="#loginModal" href="#" class="btn-green pay-btn" id='paynow'>Pay Bill Now<i class="fa fa-chevron-right"></i></a> 
<div> 
</div> 



<div class="modal fade pay-now" id="loginModal" tabindex="-1" role="dialog" aria-hidden="true"> 
    <div class="modal-dialog modal-top"> 
     <div class="modal-content self-content"> 
     <div class="modal-header remove-border"> 
      <button type="button" class="close-btn" data-dismiss="modal">&times;</button> 
     </div> 
     <div class="modal-body popup-copy"> 
      <div class="col-sm-10 popup-title">Confirm Payment Amount</div> 
     </div> 

     </div> 
    </div> 
    </div> 
    <script> 
    $(document).ready(function() { 
     $("#paynow").click(function(event) { 
     event.preventDefault(); 

     //$("#cusPayment").submit(); 
     //this submits the page, you want to show a modal window not another page 
     }) 
    }) 
    </script> 
相關問題