JSP - 在同一页面上将值传递给模式

Posted 2023-03-21

【中文标题】JSP - 在同一页面上将值传递给模式

【英文标题】：JSP - Passing values to modal on the same page

【发布时间】：2022-01-07 16:22:35

【问题描述】：

我有一个包含用户名和按钮的 jsp 页面，当我单击按钮时，我想将用户名传递给模态，然后在单击模态按钮时，我将用户名发送到后端（struts2行动）。 （场景如下图所示）

我尝试通过 onClick 传递用户名：

<%-- Page.jsp --%>
<button onclick="document.forms[0].username.value='BOB'; toggle="modal" data-target="#myModal">
   <fmt:message key='Delete user'/>
</button>
<jsp:include page="deleteUserModal.jsp"/>

在模式上我想读取 unsername 值：

<%-- Modal.jsp --%>
<button onclick="document.forms[0].username.value='???';document.forms[0].action='deleteMethod';document.forms[0].submit();">
  <fmt:message key='delete'/>
</button>

有什么建议，

【参考方案1】：

您试图从另一个窗口访问元素。要自定义模态内容，您应该使用 html data-* 属性。了解如何在引导程序中使用 verying modal content。

<button onclick="document.forms[0].username.value='BOB'; toggle="modal" data-target="#myModal" data-username='BOB'>
   <fmt:message key='Delete user'/>
</button>

$('#myModal').on('show.bs.modal', function (event) 
  var button = $(event.relatedTarget) 
  var username = button.data('username') 
  var modal = $(this)
  modal.find('.modal-body button').click(function()
    alert(username);
)
)

【讨论】：

感谢您的回复，我通过传递范围来修复它：

欢迎，答案左侧的复选框。