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("");
  });

<强> DEMO

Answer 3

1.创建输入类型='重置'并使用jquery .hide()来隐藏表单 2. Trigger('click')点击该输入类型。

Answer 4

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

或

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

Answer 5

为所有字段指定一个常见的类名，如class='resetme'然后

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

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

5 个答案: