Submit a the value of a javascript variable along with a form submit

Question

How can I submit a the value of a javascript variable along with a form submit? This is what I have so far:

var data = "abc";

$('form').submit(function(){
//add new hidden input field with value = data
});

Note: the html page will only have a single form.

Duplicates: stackoverflow.com/questions/9085091/… stackoverflow.com/questions/1350917/… — Lack
– Lack, Commented Jul 8, 2012 at 2:54
Further possible duplicates: stackoverflow.com/questions/9084749/… stackoverflow.com/questions/9882211/… I'm somewhat new but seeing the three answers already submitted I'm inclined to ask if this is the best way to handle obvious duplicates — Lack
– Lack, Commented Jul 8, 2012 at 3:03

VoteyDisciple · Accepted Answer · 2012-07-08 02:54:36Z

4

Why not simply

$('form').submit(function(){
    $('<input type="hidden" name="data" />').attr('value', data).appendTo(this);
});

answered Jul 8, 2012 at 2:54

VoteyDisciple

37.9k5 gold badges100 silver badges100 bronze badges

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

Comments

gaurang171 · Accepted Answer · 2012-07-08 02:56:03Z

1

$('form').submit(function(){
    $(this).append($('<input />').attr('name', 'data').attr('value', data));
});

answered Jul 8, 2012 at 2:56

gaurang171

9,1104 gold badges31 silver badges30 bronze badges

Comments

Max Hudson · Accepted Answer · 2012-07-08 02:53:53Z

0

var data = "abc";

$('form').submit(function(){
    $("form").append('<input type="hidden" name="data" value="' + data + '"');
});

answered Jul 8, 2012 at 2:53

Max Hudson

10.2k15 gold badges61 silver badges111 bronze badges

1 Comment

VoteyDisciple Over a year ago

Careful concatenating data into the input tag; if it contains a quote mark the resulting tag will be invalid. The .attr() or (in this particular case) .val() functions will do this more reliably.

Collectives™ on Stack Overflow

Submit a the value of a javascript variable along with a form submit

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related