使用JQuery中的onchange事件清除/刷新所有字段 - clearing/refreshing all the fields using onchange event in JQuery

clearing/refreshing all the fields using onchange event in JQuery

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

我尝试过的：-

$(document).ready(function(){
$('#typed').change(function() {
$('#fieldid1').val("");
$('#fieldid2').val("");
....
    })
});

但我的问题是，是否可以只使用一行代码，就可以清除所有出现的文本框？？？？

试试这个：

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

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

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

给所有字段一个通用类名，比如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("");
  });

DEMO

1.创建一个输入类型='reset'并使用jquery .hide()
将其隐藏在表单中2.该输入类型的Trigger('click')单击。

$('input').val("");

或

$('textarea').val("");

给所有字段一个通用类名，比如class='resetme'，然后是

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