使用JQuery中的onchange事件清除/刷新所有字段

Question

我有一组代码，其中我有一个下拉列表，并在它下面有6-8个文本字段。现在，每当我更改选项时，我都希望刷新所有字段，我的意思是这些字段必须为空……

我所尝试的：-

$(document).ready(function(){
$('#typed').change(function() {

$('#fieldid1').val("");
$('#fieldid2').val("");
....
    })
});

但我的问题是，是否只需一行代码即可清除所有文本框？

Answer 1

试试这个：

$('#typed').change(function () {
    $('input:text').val("");
});

此外，您还可以将一个类放到要清除的所有输入字段中，并执行以下操作：

$('#typed').change(function () {
    $('input.someclass').val("");
});

Answer 2

为所有字段指定一个通用的类名，如class='test3'，然后：

<input type="text" class="test3" >
<input type="text" class="test3" >
<input type="text" class="test3" >
<input type="text" class="test3" >
<input type="text" class="test3" >

<select id="btn3">
    <option value="volvo">111</option>
    <option value="saab">222</option>
    <option value="mercedes">333</option>
    <option value="audi">444</option>
</select>


 $("#btn3").change(function(){
     $(".test3").val("");
  });

Answer 3

1.创建一个input type='reset‘并使用jquery .hide()将其隐藏在表单中

2.单击该输入类型的Trigger('click')。