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

Question

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

我尝试过的：-

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

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

但我的问题是它可以只使用一行代码来完成，这样所有存在的文本框都将被清除？？？？

Answer 1

给你所有的字段一个通用的类名，比如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 2

尝试这个：

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

此外，您可以为要清除的所有输入字段添加一个类，并执行以下操作：

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

Answer 3

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

或者

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

Answer 4

给你所有的字段一个通用的类名，就像class='resetme'那时一样

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

Answer 5

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