1

我有一个模态表单，在我提交表单后，我希望它保留在具有新内容的模态中。到目前为止，我有：

HTML： 

<form action="" method="get">

        ${alert}
        <div class="spacing">&nbsp;</div>
    <table id="myTable" class="table table-striped table-bordered">
        <thead><tr><th>#</th><th>Staff</th><th>Date</th><th>Project</th>  <th>Task</th><th>Notes</th><th>Hours</th></tr></thead>
        <c:forEach var="entry" items="${ref}" varStatus="count">
        <tr><td id="column1">${count.index+1}<td>${entry.staff}</td><td>${entry.date}</td><td>${entry.project}</td>
        <td>${entry.task}</td><td>${entry.notes}</td><td>${entry.hours}</td></tr>

    </c:forEach>
        <tr><td></td><td></td><td></td><td></td><td></td><td></td><td id="total"></td></tr>

    </table>
    <input type='submit' value='EDIT' id='submitEdit'/>
</form>

和 JAVASCRIPT：

$("#submitEdit").click(function(){
$("#dialog").modal('show');
//other code

我遇到的问题是在提交表单后将页面重定向回模式。现在，它重定向回原始页面，而不是模式。

另外，我尝试了 onsubmit 事件来调用 javascript 函数，但这也不起作用。

任何帮助将不胜感激。谢谢！

4

1 回答 1

2

为此，您需要执行几个步骤：

  1. 给你的表格一个 ID，我的例子使用my_form
  2. 使用 AJAX 提交表单并将响应发送到模态
  3. 取消表单上的默认操作。

例子

$(document).on('submit', 'form#my_form', function(e) {
    e.preventDefault();

    $.get('/url/to/my/post/action', $(this).serialize(), function(response) {
        $('#dialog').html(response);
        $('#dialog').modal('show');
    });
});
于 2013-06-17T19:16:59.380 回答