Save and restore Div Input values

Question

How can I save and restore all values of Input controls that putted in a DIV using jQuery ? should I use jQuery Serialize API ?
For example there are three input controls in below DIV , How to Store and restore values using jQuery?

<Div Id=Test>
<table >
    <tr>

        <td>
            Name
        </td>
        <td>
            <input name="WebUserControl1$TextBox1" type="text" id="TextBox1" />
        </td>
    </tr>
    <tr>
        <td>

            Family
        </td>
        <td>
            <input name="WebUserControl1$TextBox2" type="text" id="TextBox2" />
        </td>
    </tr>
    <tr>
        <td>
            age
        </td>

        <td>
            <input name="WebUserControl1$TextBox3" type="text" id="TextBox3" />
        </td>
    </tr>

</table>
</Div>

ShankarSangoli · Accepted Answer · 2011-07-26 15:28:36Z

1

You can use jquery data attribute to store the value specific to dom elements like this.

$("divSelector").data("myData", "data");

To retreive it you have to say

$("divSelector").data("myData");//It will give "data"

Try this

var inputObj = {}, $this;

$("#Test input").each(function(){
  $this = $(this);
  inputObj[$this.id] = $this.val();
});

//This will store the object we created above in Test data attribute.
$("#Test").data("inputControls", inputObj);

edited Jul 26, 2011 at 15:28

answered Jul 26, 2011 at 15:08

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

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

6 Comments

Shahin Over a year ago

I can't understand does your code store all Div input values ? would you please create jsFiddle sample?

Diodeus - James MacFarlane Over a year ago

What do you mean by "All input values"?

Shahin Over a year ago

all Input controls that putted in Target DIV.

ShankarSangoli Over a year ago

@shaahin - You mean the innerHTML of the DIV?

Shahin Over a year ago

@ShankarSangoli Thank you. But How Can I restore them ?

|

Collectives™ on Stack Overflow

Save and restore Div Input values

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related