jQuery - Adding hidden input to form on submit

Question

I'm looking for a way to insert a hidden input on submitting for 'Yes' in my jquery code below.

How do I insert this:

<input type="hidden" name="token" value="1">

From this:

$(function() {
    $( "#dialog" ).dialog({
        autoOpen: false,
        modal: true,
        buttons: {
            "Yes": function() {
                $( '#form' ).submit();
            },
            "No": function() {
                $( '#form' ).submit();
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        }
    });
});

I do not know if I understood well, but I think that you can append the html code in the tag body — MCSI
– MCSI, Commented Nov 22, 2011 at 18:39

ShankarSangoli · Accepted Answer · 2011-11-22 18:42:21Z

14

Try this

$(function() {
    $( "#dialog" ).dialog({
        autoOpen: false,
        modal: true,
        buttons: {
            "Yes": function() {
                $('#form').append('<input type="hidden" name="token" value="1" />').submit();
            },
            "No": function() {
                $('#form').submit();
            },
            Cancel: function() {
                $(this).dialog( "close" );
            }
        }
    });
});

answered Nov 22, 2011 at 18:42

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

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

Comments

Johan · Accepted Answer · 2011-11-22 18:39:56Z

7

Easy answer, first adding the input and then calling submit (I'm guessing a bit of context btw).

$('#form').append('<input type="hidden" name="token" value="1">').submit();

answered Nov 22, 2011 at 18:39

Johan

3,2121 gold badge26 silver badges19 bronze badges

1 Comment

MadushM Over a year ago

+1 for this. Just to make it niftier, I'll do something like that. $('#form').append("'input[name=token]').val(tVal)").submit();

Nisarg Shah · Accepted Answer · 2017-11-01 09:43:16Z

0

I'm new to JQuery but thought others might appreciate this for adding multiple values.

var myFormData = [
    {
        name: 'x_login',
        value: 'xxxxxxxxxx'
    }, {
        name: 'x_amount',
        value: donationAmount
    }
];

$.each(myFormData, function (index, myData) {
    debugger;
    $('#registerformid').append('<input type="hidden" name=' + myData.name + ' value=' + myData.value + '>');
});

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

edited Nov 1, 2017 at 9:43

Nisarg Shah

14.6k6 gold badges38 silver badges58 bronze badges

answered Apr 24, 2014 at 15:35

Peter Kellner

15.6k28 gold badges118 silver badges205 bronze badges

Collectives™ on Stack Overflow

jQuery - Adding hidden input to form on submit

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related