JQuery - 表单重置 - 排除“选择”盒子

Question

所有，

我可以使用以下 JQuery 语法重置所有表单元素：

('#myform')[0].reset();

如何修改它以排除“选择框”值的重置？

谢谢

Answer 1

对于每个人..

重置功能不会将所有内容设置为“”（空字符串），

它会重置为其初始值..（存储在值属性中，或选定的选项等..）

如果您想保持默认的重置功能，那么您应该

1. 让所有 元素
2. 获取其当前选定的值
3. 重置表单，就像您当前
4. 重置所选

示例一样：

<script type="text/javascript">
  $(document).ready(
  function(){
   $("#resetbutton").click(
    function(){
     var values = [];
     var selected = $("select").each(
      function(){
       values.push( $(this).val());
       });
     this.form.reset();
     for (i=0;i<selected.length;i++)
      $(selected[i]).val(values[i]);
    });
    }
  );
 </script>

Answer 2

那不是 jQuery，而是原生 javascript。 [0] 显示实际的 DOM 元素，因此它与以下内容相同：

document.getElementById('myform').reset();

reset() 是重置整个表单的内置浏览器实现。如果您需要重置单个表单类型，请尝试以下操作：

$('#myform :text').val('');

您可以在此处查看所有表单选择器：http://docs。 jquery.com/选择器

Answer 3

您可以通过将值设置为空字符串并使用 David 的答案重置复选框来进行假重置（或此 更完整的）。您还可以尝试在重置表单之前存储每个选择元素的值，然后在之后恢复值：

var myform = $('#myform');
var selects = $('select', myform);

// Store each current value
selects.each(function() {
    $(this).data('previous', $(this).val()); 
});

myform[0].reset();

// Restore the values
selects.each(function() {
    $(this).val($(this).data('previous')); 
});

Answer 4

无论出于何种原因，大卫的正确答案错误了我的 Google Chrome js。它说：

Uncaught TypeError: Property 'reset' of object # is not a function

...所以我决定尝试一个稍微不同的解决方案：

• 给本机浏览器重置按钮属性“隐藏”并设置“id” ":

• 通过单击链接在重置按钮上启动 JQuery“click”事件：

重置