How to submit form created in javascript.?

Question

Here I have made a form in javascript, Now I want to sumbit this form but I dont know how to submit this form.

Here is my little code any one can help me.?

<script>
    $("button#pass_data").on('click',function(e){                   

        var p_name = $(this).attr('value');

        '<form action="<?php echo base_url();?>teq" method="post" id="submit_papername">'+
            '<input typ="text" name="pip" value="'+p_name+'">'+
        '</form>'
        //document.getElementById('data_send').value == p_name;
        console.log('p_name');
        document.getElementById('submit_papername').submit();
        //alert(p_name);

});
</script>

I want to submit this newaly created form submit_papername , How can I do this.?

when I run above code it show me error like below.

TypeError: document.getElementById(...) is null

Why make the form at all? Just send an AJAX request. If you need to do it this way then you have to append the form to the DOM first. — Rory McCrossan
– Rory McCrossan, Commented Apr 21, 2017 at 10:40
You haven't actually made the form. You've defined a string, but you haven't done anything with it. — T.J. Crowder
– T.J. Crowder, Commented Apr 21, 2017 at 10:41
You have not appended String in DOM hence there is no form in DOM tree.. — Rayon
– Rayon, Commented Apr 21, 2017 at 10:41

prasanth · Accepted Answer · 2017-04-21 10:42:36Z

0

You need to append element first $('body').append(app);.Then only perform the form submit

$("button#pass_data").on('click',function(e){                   

            var p_name = $(this).attr('value');

            var app = '<form action="<?php echo base_url();?>teq" method="post" id="submit_papername">'+
                '<input typ="text" name="pip" value="'+p_name+'">'+
            '</form>'
             $('body').append(app);
            //document.getElementById('data_send').value == p_name;
            console.log('p_name');
            document.getElementById('submit_papername').submit();
            //alert(p_name);

    });

answered Apr 21, 2017 at 10:42

prasanth

22.6k4 gold badges33 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mahi Over a year ago

yes I forget to append this. Like I say it in above comments. Still I am accepting your answer. anyway thanks for help

Collectives™ on Stack Overflow

How to submit form created in javascript.?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related