如何使用Jquery对话框窗口提交表单

时间:2017-09-16 10:21:01

标签: javascript php jquery html forms

HTML表格中,我点击一个单元格打开一个JQuery对话框窗口

Last Refresh Date :=MAX(Table[Last Refresh Column])

在表格之后,我有一个 FORM ,它在JQuery对话框窗口中触发。 如您所见,表单指向名为<td> <a href="#" class="open" data-id="<?php echo $objResult["id"];?>"> <?php echo $objResult["categoria"];?> </a> </td> 的页面。 modcat.phpcategoria的值会发送到页面。

hidden-id

最后,我有以下 SCRIPT 来提交表单。

<div id="finestra" title="modify" style="display: none;">
 <form action="modcat.php" method="POST" id="modcat">
      <select id="categoria">
       <option value="" disabled selected style='display:none;'> - seleziona -
       <option value="a">a</option>
       <option value="b">b</option>
       <option value="c">c</option>
      </select>
      <input type="hidden" name="val" id="hidden-id">
 </form>
</div>

表单在对话框窗口中正确显示,但是当我点击按钮提交它时(名为“modifica”的按钮),没有任何反应。页面<script> $(document).ready(function () { $("a.open").click(function () { var clickedLink = $(this); //get clicked link var id = clickedLink.data('id'); //extract id from data attribute $('#hidden-id').val(id); //update hidden field value with id $('#finestra').dialog("open"); return false; }); $('#finestra').dialog({ modal: true, autoOpen: false, buttons: [{ text: "modifica", click: function(){ submitform(); $(this).dialog("close"); } },{ text: "annulla", click: function () { $(this).dialog("close"); } }] }); function submitform(){ $( '#modcat' ).submit(); } }); </script> 未收到表单中的任何数据。 我在这里缺少什么?

modcat.php文件或多或少如下:

modcat.php

1 个答案:

答案 0 :(得分:0)

您的代码似乎运行正常。我认为您的int age为空,因为您无法设置Person。因此,请检查$objResult["id"]值并设置select属性的名称。