如何将数据目标ID传递给另一个jsp引导程序

Posted 2023-03-05

【中文标题】如何将数据目标ID传递给另一个jsp引导程序

【英文标题】：how to pass data-target id to another jsp bootstrap

【发布时间】：2015-02-25 08:26:38

【问题描述】：

我目前面临一个问题，我想通过单击按钮使用引导程序显示对话框。我在 html (.jsp) 中制作了对话框，并在另一个 .jsp 中制作了提交按钮，但是，在我单击按钮后，它只显示空白页面而不是对话框。

提交表单.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>

【参考方案1】：

我发了plunkr for you to try

我不得不禁用你的 javascript 的提交功能，因为你不想在这里提交表单，你只想显示模态窗口。如果你这样做，你也不需要通过隐藏输入传递变量。它应该在同一页面上。 在 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>