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

我在下面有一个类似于表格的图像，在这里我从查询创建到数据库，每一行都有按钮，当onclick出现在提示对话框时（我使用jquery对话框小部件）

这是MyFormHTML代码

<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>";}

while（$fetch\u dbsi\u mhsw=mysql\u fetch\u array（$query\u dbsi\u mhsw））{
$no++；
回声“
$no
$fetch_dbsi_mhsw[NIM]
$fetch_dbsi_mhsw[名称]
";}

还有我的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;
    });
 });

$（文档）.ready（函数（）{
$（“.bt_tambah_calon_wisudawan”）。单击（函数（）{
var value1=$（this）.closest（'tr'）.find（'td:eq（1）'）.text（）；
var value2=$（this）.closest（'tr'）.find（'td:eq（2）'）.text（）；
//下面是对话框的文本
var dialog=$（“Anda将以“+value1+”+value2+”的形式加入calon wisudawan？
”）。附录（“正文”）；
//这是表格上的按钮
变量形式=$（“#形式(tambah)cl(u wisudawan)”）
//按下表单按钮-打开对话框
$（对话框）.dialog({
标题：“Konvirmasi Penambahan数据”，
dialogClass：“禁止关闭”，
宽度：600，
莫代尔：是的，
按钮：{
“Tambah”：函数（）{
//这将调用表单的操作——假定删除服务器上的资源
$（表单）.submit（）；
$（此）.dialog（“关闭”）；
},
“取消”：函数（）{
//不要调用该操作，只需关闭对话框
$（此）.dialog（“关闭”）；
}
}
});
返回false；
});
});

“我的”对话框出现（如图2所示）

---

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

替换

$（表单）。提交（）与
表单一起提交（）
因为您已经将选择器
$（“#form_tambah_cl_wisudawan”）
存储到
var form
如果您只是通过
id
选择器和
submit（）
表单引用表单，那么操作将按预期进行

JS代码：

 $("#dialog-confirm").dialog({
    resizable: false,
    modal: true,
    title: "Modal",
    height: 250,
    width: 400,
    buttons: {
        "Yes": function () {
            $('#form_tambah_cl_wisudawan').submit();
            $(this).dialog('close');
        },
         "No": function () {
            $(this).dialog('close');
            callback(false);
        }
      }
  });

Live Demo@JSFiddle:
您没有使用
value1
和
value2
做任何事情，最简单的解决方案是在表单中添加2个隐藏字段，然后设置值我在表单中添加了2个隐藏字段，但不起作用，有没有办法从jquery代码中传递值？因为submit按钮如何从我的行值中知道要传递哪一个？设置值，如
$（“#hiddenfieldForValue1”）.val（value1）
我在php cde和jquery代码中添加了hiddenfieldForValue1和2，但什么都没有发生，然后我将表单方法更改为“get”我在我的url文件中看到了这样的prodi_tampil_mhs.php？hiddenfieldForValue1=A111002&hiddenfieldForValue2=la+i‌​min+lagi%0D%0A++++&hiddenFieldIdForValue1=A111002&hiddenFieldIdForValue2=la+imin+‌​lagi&hiddenfieldForValue1=A111003&hiddenfieldForValue2=la+imin+lagilagi，因此buuton将传递表中的所有值。我只想从我点击buton的行中获取值。谢谢，我已经编辑了我的代码，也添加了Satpal sugest，但还没有工作。
 $("#dialog-confirm").dialog({
    resizable: false,
    modal: true,
    title: "Modal",
    height: 250,
    width: 400,
    buttons: {
        "Yes": function () {
            $('#form_tambah_cl_wisudawan').submit();
            $(this).dialog('close');
        },
         "No": function () {
            $(this).dialog('close');
            callback(false);
        }
      }
  });