Hey all,

Here's a little brain teaser for some of you - I've been tweaking a data entry screen and I'm faced with this problem. I'm open to ideas however I would prefer to do something similar to what I ideally want to do.

My data entry screen loads a page with a form (Groups) on it and contains several form elements (name & tags). Tags is a multiple item list that allows users to double click on them and modify tag information in the same form. So when a user double-clicks on a Tag, an AJAX call is made to a subpage and loads additional form elements into the Groups form. However when I try to access these NEW form elements that were inserted into the form VIA AJAX, they return as 'undefined'.

What I want to do is add these new, populated form elements VIA AJAX and be able to grab their values using Javascript. But javascript is not acknowledging the new fields are not even there.

Another idea I am looking at is adding the form elements into the starting page and then just hiding them until they need to be populating and displayed to the user.

Any ideas? Thanks guys

at a guess you are testing in IE,

IE has a problem (no surprises there then) with elements added as a child to the end of a form.
The solution is to have a "dummy" element in the form (<span>) and add the new form element as a child of that.