Question

我需要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查询中使用该内容。

谢谢。

Answer 1

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

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

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

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

1 个答案: