保存并恢复Div输入值

时间:2011-07-26 15:05:00

标签: jquery html

如何使用jQuery保存和恢复在DIV中放置的输入控件的所有值?  我应该使用jQuery Serialize API吗?
例如,下面的DIV中有三个输入控件,如何使用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>

1 个答案:

答案 0 :(得分:1)

您可以使用jquery数据属性来存储特定于dom元素的值。

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

要进行检索,你必须说

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

试试这个

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);