Question

我在网上发现了很多关于重置表单的信息。但是在重置特定表单字段方面却找不到多少。

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

例如，如果用户点击标题“建筑物/商家”，则会重置“街道”下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>

重置特定表单字段

1 个答案: