从 jquery 对话框中提交表单答案

【问题标题】：submit a form from within a jquery dialog从 jquery 对话框中提交表单
【发布时间】：2017-09-10 18:56:10
【问题描述】：

我有一个 HTML 表格。通过单击单元格内容，我想触发一个 jquery 对话框窗口，在其中我找到一个带有提交按钮的表单。

这是我目前写的代码：

<script>
$(document).ready(function(){
    $("a#open").click(function(){
        $('#window').dialog("open");
        return false;
    });
    $('#window').dialog({
        modal: true,
        autoOpen: false
    });
});
</script>


<div id="window" title="modify" style="display: none;">
 <form class="forms" action="some_url.php" method="POST" id="modcat">
   <select id="categoria">
    <option value="" disabled selected style='display:none;'> - select -
    <option value="80">80</option>
    <option value="40">40</option>
    <option value="70">70</option>
   </select>
  <input type="submit" name="send" value="modify" />
 </form>
</div>

对话框窗口打开，表单（带有选择值）就在那里。问题是单击提交按钮时没有任何反应。我做错了什么？

【问题讨论】：

在您的浏览器控制台中，在模态中提交表单时，您是否在网络选项卡中看到任何活动？或者 Console 选项卡中是否有任何错误？如果可能，请创建一个minimal reproducible example...

标签： php jquery forms dialog submit

【解决方案1】：

你所有的好声音都很好，;) 但你忘记了

<a href="#" id="open">click me</a>

这里是在线示例https://codepen.io/anon/pen/JygbeG/?editors=1111

在这里添加如何处理表格

https://codepen.io/anon/pen/JygbeG/?editors=1111

【讨论】：

我有这条线。问题是，尽管在模式对话框中正确显示了表单，但提交按钮不会触发 URL。什么都没有发生。
A刚刚添加了一些你的问题，看看最后添加的例子。 gl 问候。
谢谢，但问题在于提交表单。对话窗口正确打开。
我并没有真正检查表单，因为它很简单，不需要 javascript 帮助。您应该使用具有属性 action="tothepage" method="post" 的表单或根据需要获取，并在此表单中添加一个 input type="submit" 按钮，其中包含一些输入隐藏文本复选框，根据需要选择点击事件的值...问候。