直接从模态对话jquery提交

时间:2013-05-03 00:45:28

标签: php jquery modal-dialog form-submit

我有一个与jquery的模态对话,填充div,我需要而不是填充div直接提交,我怎样才能实现, 我做了什么:当我点击它时我有一个按钮打开一个模态对话框,通过这个模态对话我添加数据并将数据保存在另一个div中,在代码下面:

我的代码部分:

            <script>
                    $(function() {

                            $( "#MyDialog2" ).dialog({
                                    autoOpen: false,
                                    height: 300,
                                    width: 700,
                                    modal: true,
                                    buttons: {
                                            "ADD": function() {

                                                    $('#keyword_new_name').val($('#keyword_new_nameadd').val());
                                                    $( this ).dialog( "close" );
                                            },
                                            "Cancel": function() {
                                                    $( this ).dialog( "close" );
                                            }
                                    },
                                    close: function() {
                                            $('#keyword_new_nameadd').val("");
                                    }
                            });

                            $( "#newKeyword" ).click(function() { $( "#MyDialog2" ).dialog( "open" ); });
                    });
            </script>

HTML看起来像这样:

     <div id='MyDialog2' >
                <table cellpadding='11' >
                    <tr>
                    <td></td>
                    <td>Name:</td><td><input type='text' name ='keyword_new_nameadd' id='keyword_new_nameadd' size ='35' /></td>
                    </tr>
                </table>
            </div>

            <form method="POST" action="">

            <div>
                <table cellpadding='11' >
                    <tr>
                    <td></td>
                    <td>Name:</td><td><input type='text' name ='keyword_new_name' id='keyword_new_name' size ='35' /></td>
                    </tr>
                </table>

            </div>

                <input type='button' value='NewKeyword' id='newKeyword'  />
                <input type='submit' value='addKeyword' id='addKeyword'  />

            </form>

感谢您的帮助!!!

2 个答案:

答案 0 :(得分:1)

如果您的意思是您希望直接提交表单(或者代替......不确定您需要哪个)

$('#keyword_new_name').val($('#keyword_new_nameadd').val());

添加

$('form').submit();

就个人而言,我会给<form>和ID并使用它而不是

$('#myFormId').submit();

答案 1 :(得分:0)

我知道了我添加了

                    $( this ).dialog( "close" );
                    $("#add_keyword").click();

add_keyword是我提交按钮的ID