javascript - 重置特定表单字段

标签 javascript jquery forms mobile field

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

我有一个可折叠集(jquery mobile),它显示和隐藏表单的一部分,我希望这样当用户单击该集的标题时,它会重置隐藏的部分。

例如,如果用户单击标题“建筑物/企业”,则会重置“街道”下 3 个字段中的字段。

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

如有任何反馈,我们将不胜感激! 谢谢

最佳答案

像下面这样怎么样?

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

关于javascript - 重置特定表单字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10082866/

相关文章:

php - WHERE x LIKE'%$find%' - 如果 $find = 2 个单独的值怎么办?

Javascript单元素下拉菜单

javascript - jQuery:将鼠标悬停在子菜单项上时保持子菜单打开

php - reCaptcha 值未出现在 $_POST 中

javascript - jQuery eq() 选择太多元素

javascript - 在页面加载时清除/重新应用表排序器过滤

css - 在同一页面上使用不同的表单控件样式 Bootstrap CSS

javascript - 用于多绘图的 jQuery 就绪函数

javascript - 有没有办法从 Google Apps 脚本环境访问 Google Data API?

javascript - JQuery 属性通配符包含空格分隔