How to create a hidden input form element in javascript

[bucchi]

Hi,

I am doing the following in a javascript function:

var hiddenElement = document.createElement("input");
hiddenElement .setAttribute("type", "hidden");
hiddenElement .setAttribute("name", ""hiddenElement");
hiddenElement .setAttribute("id", "hiddenElement");
hiddenElement .setAttribute("value", x.value);
forms[formCount].appendChild(hiddenElement );
 

I want to create this hidden input element in the parent form from where contol passes to this javascript function.

This is not working. Please help!

Thanks!

[gits]

hi ...

welcome to TSDN ...

as you can see, after i have applied the code-tags for you, we may notice the syntax-error in line 3. very easy (that will give you an js-error) ... there you have an error with the quotes ... fix it and it should work ...

when using the code tags you may find such simple errors very fast ... during developement you may also use firefox and the firebug extension locally that gives you a lot of hints on such errors when you try to execute the code ...

kind regards

[bucchi]

hi!!

Thanks for the reply! I modified parts of the code and have made some progress...

Now my problem is this..
I have a parent form from where the control has passed to a pop-up. Now is the JSP of the pop-up, I have a javascript which, based on some criteria, creates hidden elements in the parent form. How do i do that???

This is what i am doing in the pop-up...

var hiddenId = window.opener.document.getElementById(id).createElement("input");
hiddenId.setAttribute("type", "hidden");
hiddenId.setAttribute("name", "hiddenId");
hiddenId.setAttribute("id", hiddenId);
hiddenId.setAttribute("value", value);
window.opener.document.getElementById(id).appendChild(hiddenId);
 

But this is giving me error in the first line

var hiddenId = window.opener.document.getElementById(id).createElement("input");

This line is not working in the first place.. I want to create the hidden element in the parent form and not in this form.

Kindly help!!
Thanks!

[gits]

hi ...

you have to create your node in the document first and you append it to the form ... so simply remove the 'getElementById(id)' from your first line ...

kind regards

[bucchi]

thanks!

i did that.. It is creating the hidden element but it is not appending to the form

I can't seem to append the child to the parent form, from a pop-up JSP page which has this javascript function..
Is it not possible to append to a parent form?

Please help..

[gits]

i tested it ... it is working (assuming id, value are correct) but, have a close look at your code ... i missed that too:

hiddenId.setAttribute("id", hiddenId);

you assign a node to the id ... don't do it ;)

and to prove that it is working ... set the type to 'text' ... so you may see the appended field appearing in your parent document

kind regards