Question

点击想要清除所有（未重置）输入（清除默认文本框值）。需要非常简短的代码，尽可能少地使用资源。

HTML表单

<form id="form2" action='project_manager' method='post'>
<input type='text' name='project' value="default value" >
<select name='job_number'>
<option value='0'></option>
<option value='1'>job1</option>
</select>

<input type="button" id="clear_all" value="Clear all" />
</form>

的jQuery

$('input[id="clear_all"]').click (function () {
$(':input').val('');

});
});

但这也清除了按钮的价值。按钮的值必须保留。

已更改为$('form :input[type=text]').val("");

如何重置下拉菜单值？

尝试$('form :select').val("");和$('form :select').selectedIndex = -1;。有些不对劲......

Answer 1

试试这个

$('form select').val("");

Answer 2

$(':input').not(":button").val('');

参考 not

Answer 3

尝试input type="reset"：

<input type="reset" id="clear_all" value="Clear all" />

您无需编写一行代码。

Answer 4

这是用于清除表单内所有字段的代码。

$('#myform').find('input:text, input:password, input:file, select, textarea').val('');
$('#myform').find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');

Answer 5

尝试

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

Answer 6

$(':input:not([type=button])').val('');

Answer 7

试试这个

$(document).ready(function() { 
  $("#button_clear").click(function() { 
          document.getElementById('formId').reset(); 
    }); 
 });

Answer 8

更改按钮类型以重置

 <input type="reset" id="clear_all" value="Clear all" />

不需要jquery值将被清除

Answer 9

try this.
 $('select').val(" ");

jQuery清除文本框并重置为默认下拉菜单值

9 个答案: