2013-04-25 181 views
0

我有一组代码,其中有一个下拉列表,下面有6-8个文本字段。现在,每当我更改的选项,我希望所有的领域被刷新,我指的是场必须由空....使用jQuery中的onchange事件清除/刷新所有字段

我曾尝试: -

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

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

但我的问题是能它只能使用一行代码来完成,这样所有的文本框就会被清除。

+3

你可以给他们一个共同的类,并选择 – billyonecan 2013-04-25 10:53:57

+1

哦确定谢谢:)一个伟大的点确实 – 2013-04-25 10:55:05

+0

或目标他们的类型,例如'表单输入' – Mysteryos 2013-04-25 10:57:37

回答

0

1.创建一个输入类型=“复位”和使用jquery .hide()
2. Trigger('click')点击该输入类型的隐藏它的形式。

1

试试这个:

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

而且,你可以把一个类来要清除并做所有输入字段如下:

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

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

给你的所有领域一个共同的类名喜力Ëclass='resetme'然后

$('#typed').change(function() { 
    $('.resetme').val(""); 
}); 
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(""); 
    }); 

DEMO