javascript - jquery 对话框小部件未传递我的表单值

Question

我有如下图所示的表格，我从查询到数据库创建，每行都有按钮，当 onclick 时将出现提示对话框(我使用 jquery 对话框小部件)

这个 myform html 代码

<form action="prodi_tampil_mhs.php" method="post" name="form_tambah_cl_wisudawan" id="form_tambah_cl_wisudawan">

这是我的 php 代码，我在其中从查询数据库创建表

while ($fetch_dbsi_mhsw=mysql_fetch_array($query_dbsi_mhsw)) {
$no++;
echo" <tr>
<td>$no</td>
<td>$fetch_dbsi_mhsw[NIM]</td>
<td>$fetch_dbsi_mhsw[Name]</td>
<td style=\"text-align: center;\"><input name=\"bt_tambah_calon_wisudawan\" id=\"bt_tambah_calon_wisudawan\" type=\"image\" src=\"buttonTambah.png\" alt=\"Tambah\" align=\"middle\" width=\"20\" height=\"20\" class=\"bt_tambah_calon_wisudawan\"   /></td></tr>";}

和我的 jquery 代码

$(document).ready(function(){
    $(".bt_tambah_calon_wisudawan").click(function(){
        var value1 = $(this).closest('tr').find('td:eq(1)').text();
        var value2 = $(this).closest('tr').find('td:eq(2)').text();
        // Here's the text of the dialog box 
        var dialog = $("<div style='display: none'><p>Anda akan menambahkan "+value1 + " " + value2 + " sebagai calon wisudawan?</p></div>").appendTo("body");
        // This is the button on the form
        var form = $("#form_tambah_cl_wisudawan")
        // The form button was pressed - open the dialog
        $(dialog).dialog({
            title: "Konvirmasi Penambahan Data",
            dialogClass: "no-close",
            width: 600,
            modal: true,
            buttons: {
                "Tambah": function () {
                     // This will invoke the form's action - putatively deleting the resources on the server
                     $(form).submit();
                     $(this).dialog("close");
                },
                "Cancel": function() {
                    // Don't invoke the action, just close the dialog
                    $(this).dialog("close");
                }
            }
        });
        return false;
    });
 });

出现我的对话框(如图2)

当我单击对话框中的“tambah”按钮时，我的表单值未通过。我的 jquery 代码有什么错误吗？有什么帮助吗？

Answer 1

将 $(form).submit(); 替换为 form.submit(); 因为您已经存储了选择器 $("#form_tambah_cl_wisudawan") 到 var 形式。