用于提交表单的 PHP 和 jQuery 对话框交互答案

【问题标题】：PHP and jQuery dialog interaction for submitting form用于提交表单的 PHP 和 jQuery 对话框交互
【发布时间】：2013-08-01 13:30:13
【问题描述】：

我需要 PHP 和 jQuery 交互方面的帮助，目前我在与 PHP 和 jQuery 的交互方面很弱，所以我不明白一些事情。好吧，我有 PHP 生成的表格。在每一行中，我都有具有唯一 ID 的删除按钮。我想要的只是当我按下删除按钮 jQuery 模态窗口出现并询问我是否真的要删除这一行。有两个按钮是/取消。我知道如何通过简单的 onlclick javascript 确认调用来实现这一点，但我不知道如何使用 jQuery 来做到这一点。目前我有这样的脚本：

表单删除按钮：

<a href="" class='tooltip'>
   <input type='submit' class='btnDel' name='delete' value='<?php echo $row['id']; ?>' />
   <span>Delete Row</span>
</a>

打开对话框 div：

<div id='dialog-message' title='Delete SOP?'>Do you really want to delete this SOP?</div>

还有我在网上找到的 jQuery 代码：

$('.tooltip > .btnDel').click(function(e) {
    $('#dialog-message').dialog('open');
    return false;
  });

  $('#dialog-message').dialog({
    resizable: false,
    autoOpen: false,
    height:140,
    modal: true,
    buttons: {
        "Yes": function() {
            $('#inputForm').submit(); //Now submit the form
            $( this ).dialog( "close" );
        },
        Cancel: function() {
            $( this ).dialog( "close" );
        }
    }
  });

使用取消部分一切正常，但“是”按钮不起作用。我不明白如何使用具有唯一 id 的删除按钮提交表单 $_POST 稍后在 mysql 查询中使用。

谢谢。

【问题讨论】：

标签： php jquery dialog modal-dialog

【解决方案1】：

只需添加一个隐藏的输入字段并为其提供特定数据。这可以在点击事件中完成。

$('#hidden').val($(this).attr('data-id'));

将是一个变体，您必须首先设置属性 data-id。

【讨论】：