Thanks. All of my attempts were trying to overly complicate things.
On Mar 10, 9:52 am, MorningZ <morni...@gmail.com> wrote:
> simply saying
>
> var ThisVar = whatever;
>
> makes it "global"
>
> so in your code, it would be like
>
> <script type="text/javascript">
> var FormData = {};
>
> $(document).ready(function(){
> $(":input").each(function() {
> FormData[this.id] = $(this).val();
> });
>
> });
>
> function resetField(id) {
> if (FormData[id] != null) {
> $("#" + id).val(FormData[id]);
> }}
>
> </script>
>
> On Mar 10, 11:38 am, Brad <nrmlcrpt...@gmail.com> wrote:
>
> > This is really a javascript question, but will use jQuery.
>
> > When a page first displays I would like to save a bunch of data about
> > a form. For example the IDs of all of the inputs and how they are
> > originally defined. Depending on user actions I may need to restore
> > individual form fields to their original state. I don't need to reset
> > the entire form. I know how to use jQuery to select the original form
> > elements, but am struggling with how to store them into an object that
> > I can refer to and retrieve individual input data for later.
>
> > // a global object that stores form data
> > What goes here? How do I make it global and persistent?
>
> > // a function that resets an field to its original state
> > function resetField(id) {
> > // refers to the global object, but how?
>
> > }
>
> > $(document).ready(function(){
> > // save initial form configuration
> > how called?
>
> > });
