Javascript Element Creation

Question

I have the following code which creates a hidden input:

var hidden_id = document.createElement("INPUT");
            hidden_id.setAttribute("type","hidden");
            hidden_id.setAttribute("value","test");
            hidden_id.setAttribute("name","quick");
            hidden_id.setAttribute("id","quick");

This input is created into a form but the value wont pass from the form to a php page where I need to use it. I Know its not a problem with the form because I have other inputs in the form that are hard coded that pass values with no problem.

Any help appreciated :)

Thanks

You never add the hidden_id element to the DOM?

jbabey
– jbabey

2013-01-25 15:03:12 +00:00
Commented Jan 25, 2013 at 15:03 — jbabey
– jbabey, Commented Jan 25, 2013 at 15:03

Minko Gechev · Accepted Answer · 2013-01-25 15:02:31Z

5

You should append the input to the form:

var hidden_id = document.createElement("INPUT");
hidden_id.setAttribute("type","hidden");
hidden_id.setAttribute("value","test");
hidden_id.setAttribute("name","quick");
hidden_id.setAttribute("id","quick");

//Appending to the form...
document.forms[0].appendChild(hidden_id);

answered Jan 25, 2013 at 15:02

Minko Gechev

25.8k9 gold badges64 silver badges69 bronze badges

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

Collectives™ on Stack Overflow

Javascript Element Creation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related