重置特定表单字段

Question

我在 web 上找到了很多关于重置表单的信息。 但是还没有找到很多关于重置特定表单字段的信息。

我有一个可折叠的集合（jquery mobile），它显示和隐藏部分表单，我想要它，所以当用户点击集合的 header 时，它会重置隐藏的部分。

例如，如果用户单击 header“建筑/企业”，它会重置“街道”下的 3 个字段中的字段。

这是一个小提琴来帮助解释我的问题。 http://jsfiddle.net/CXc93/

任何反馈将不胜感激！ 谢谢

Answer 1

像下面这样的东西怎么样。

<html>
    <head>
        <script>
          var div1;
          var div2;
          function resetter() {
            div1 = document.getElementById('dv1').innerHTML;
            div2 = document.getElementById('dv2').innerHTML;
          }
          window.onload = resetter;
        </script>
    </head>

    <body >
        <form>
            <input type="radio" name="sex" value="male" onclick="document.getElementById('dv1').innerHTML = div1" /> Div1<br />
            <div id="dv1">
                <input type="text" value=""/><br/>
                <input type="text" value=""/><br/>
            </div>
            <input type="radio" name="sex" value="female" onclick="document.getElementById('dv2').innerHTML = div2" /> Div2
            <div id="dv2">
                <input type="text" value=""/><br/>
                <input type="text" value=""/><br/>
            </div>
        </form>
    </body>
</html>