2

こんにちは、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');

 }
4

3 に答える 3

2

この行と通常の 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" );
            }
        }
    });
});
于 2013-07-23T06:13:28.567 に答える
0

ajax 呼び出しが必要です

$('#submit').click(function (){
        var first_name = $('#first_name').val();
        $.ajax({
            url : '/supplier_controller/insertNewSupplier,
            type : 'post',
                    data : first_name,
            success : function(){
                        //do something;
                        console.log(first_name);
                    }           
                })
                    return false;
            });

送信ボタンと入力にIDを追加すると、うまくいきます。ただし、html タグを介して呼び出すこともできます。それは単なるアイデアまたは例です。

于 2013-07-23T04:03:41.327 に答える