Set hidden form field values with JavaScript but request still empty

Question

HI volks,

I try to set some hidden form field values with an onclick event. Ok, after I did something like this:

document.getElementById('hidden_field').value = 123;

I can output the value with the firebug console by entering this:

alert(document.getElementById('hidden_field').value);

So the values are definitely set. But now when I submit the form, the hidden field values are still empty.

Do you have any idea whats going wrong?

Thx for your answers.

Answer 1

Check if your 'hidden_field' is inside the form element, it contains name and id attributes and form is posted correctly.

Answer 2

Make sure your hidden field has the name attribute:

<input id="hidden_field" name="hidden_field" type="hidden" value="123" />

Inputs without a name attribute aren't sent with the request.