php - 如何使用jquery对话框按钮提交表单？

大家好，我只是想问一下如何使用jquery对话框按钮处理表单提交。在我的代码中，单击时有一个按钮。它将在对话框中弹出一个表单。下面是OK和CANCEL的jquery按钮。我的问题是我不能提交表单，唯一的选择就是在表单内创建一个提交按钮。但是我想改用jQuery按钮。我正在使用CodeIgniter，希望您能对我有所帮助。

我的观点（showAllSuppliers.php）

 /* FOR ADD PAGE */
    $(".hero-unit input[name=add_supplier]").on('click',function(){
        $('#popup').load("<?php echo site_url("supplier_controller/addNewSupplier/"); ?>").dialog({
            title: "Add New Supplier",
            autoOpen: true,
            width: 800,
            modal:true,
            position: "center",
            buttons: {
                OK: function(){
                     $("#addSupplier").submit(); //HOW CAN I SUBMIT MY FORM USING THIS?
                },
                CANCEL: function() {
                    $(this).dialog( "close" );
                }
            }
        });
    });

我的表格（addNewSupplier.php）

<?php
$attr = array('id'=>'addSupplier');
echo form_open('supplier_controller/insertNewSupplier');
..
..
..
... MY TEXTBOX FIELDS HERE
..
..
//echo "<input type='submit' value='ADD' />"; ANOTHER OPTION FOR SUBMISSION
echo form_close();
?>

我的控制器功能（supplier_controller.php）

 public function insertNewSupplier(){

        $this->supplier_model->insertNewSupplierDetail();
        redirect('supplier_controller/index','refresh');

 }

最佳答案

只需更改此行和通常的js即可尝试：

$attr = array('id'=>'addSupplier');
echo form_open('supplier_controller/insertNewSupplier', $attr);

如果仍然不提交表单，则尝试通过ajax调用提交。

$(".hero-unit input[name=add_supplier]").on('click',function(){
    $('#popup').load("<?php echo site_url("supplier_controller/addNewSupplier/"); ?>").dialog({
        title: "Add New Supplier",
        autoOpen: true,
        width: 800,
        modal:true,
        position: "center",
        buttons: {
            OK: function(){
                 $.ajax({
                    url     : '<?=base_url()?>supplier_controller/insertNewSupplier',
                    type    : 'POST',
                    data    : $("#addSupplier").serializeArray(),
                    success : function(resp){
                        alert("Submitted !!!");
                        $(this).dialog( "close" );
                    },
                    error   : function(resp){
                        //alert(JSON.stringify(resp));
                    }
                 });
            },
            CANCEL: function() {
                $(this).dialog( "close" );
            }
        }
    });
});

关于php - 如何使用jquery对话框按钮提交表单？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17801099/