javascript variable in hidden form to another php script

Question

I am sending a javascript value in a hidden form to a php script. This is the code.

<script type="text/javascript">
$(document).ready(function() {
$('form').submit(function(e) {
var mydata = 3;
if ($(this).is(':not([data-submit="true"])'))
{
        $('form').append('<input type="hidden" name="foo" value=mydata>');
        $('form').data('submit', 'true').submit();
        e.preventDefault();
        return false;
}
})
})

In my php script, I am accessing the value like below.

$src1= $_POST['foo'];
echo $src1;

I have initialized mydata to 3. I am expecting the output to be 3 in my php script, but instead I am getting the string mydata.

You've only shown us the code that works. Show us the code that doesn't work. — Quentin
– Quentin, Commented Jan 23, 2014 at 15:46
mydata will be consider as String not variable that you are passing. — Shoaib Chikate
– Shoaib Chikate, Commented Jan 23, 2014 at 15:46
It is very important to note that your jQuery is critically incorrect. It will break instantly if you have more than one <form> on your page. — Niet the Dark Absol
– Niet the Dark Absol, Commented Jan 23, 2014 at 15:48

Shoaib Chikate · Accepted Answer · 2014-01-23 15:47:41Z

3

Use this:

  $('form').append('<input type="hidden" name="foo" value="'+mydata+'">');

Here mydata is consider as variable not String.

answered Jan 23, 2014 at 15:47

Shoaib Chikate

8,97112 gold badges50 silver badges70 bronze badges

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

Comments

Paulo Roberto Rosa · Accepted Answer · 2014-01-23 16:10:32Z

2

All the problem was that you was passing mydata as string instead of as the variable itself, you need to concatenate correctly to pass the Value to the Value, as it works.

Using this Code:

<script type="text/javascript">
$(document).ready(function() {
$('form').submit(function(e) {
var mydata = 3;
if ($(this).is(':not([data-submit="true"])'))
{
        $('form').append('<input type="hidden" name="foo" value="'+mydata+'">');
        $('form').data('submit', 'true').submit();
        e.preventDefault();
        return false;
}
})
})

You see that now, the real value into value="" html attribute of the <input> will be 3 instead of "mydata".

This way you will be able to access $_POST['foo']; on the php page, getting 3.

edited Jan 23, 2014 at 16:10

answered Jan 23, 2014 at 15:47

Paulo Roberto Rosa

3,2815 gold badges32 silver badges53 bronze badges

Comments

Quentin · Accepted Answer · 2014-01-23 15:50:29Z

2

JavaScript strings do not interpolate variables. They can't - JavaScript identifiers do not start with sigils, so there is no way to distinguish a variable name in a string from a piece of text.

The quick, dirty and unsafe approach is to break apart your string and concatenate it:

$('form').append('<input type="hidden" name="foo" value="' + mydata + '">');

But this will fail if mydata contains a " and could give weird results if it contains a &, so build you HTML using DOM (or jQuery wrappers around that).

$('form').append(
    $('<input>').attr('type', 'hidden').attr('name', 'foo').attr('value', mydata)
);

answered Jan 23, 2014 at 15:50

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Comments

R3tep · Accepted Answer · 2015-11-26 09:30:39Z

2

You don't concatenate the string correctly, try this way :

$('form').append('<input type="hidden" name="foo" value="' + mydata +'">');

edited Nov 26, 2015 at 9:30

answered Jan 23, 2014 at 15:46

R3tep

12.9k10 gold badges52 silver badges77 bronze badges

1 Comment

vincent kleine Over a year ago

value needs to be mydata, not name

Collectives™ on Stack Overflow

javascript variable in hidden form to another php script

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related