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

Question

我有一个包含用户名和按钮的 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>

请有任何想法，

Answer 1

您试图从另一个 window 访问元素。 要自定义模态内容，您应该使用 HTML data-*属性。 了解如何通过引导程序使用非常模态内容。

<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);
})
})