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

我有一組代碼，其中有一個下拉列表，下面有6-8個文本字段。現在，每當我更改的選項，我希望所有的領域被刷新，我指的是場必須由空....使用jQuery中的onchange事件清除/刷新所有字段

我曾嘗試： -

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

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

但我的問題是能它只能使用一行代碼來完成，這樣所有的文本框就會被清除。

來源

2013-04-25 Manoj K

你可以給他們一個共同的類，並選擇 – billyonecan 2013-04-25 10:53:57

哦確定謝謝:)一個偉大的點確實 – 2013-04-25 10:55:05

或目標他們的類型，例如'表單輸入' – Mysteryos 2013-04-25 10:57:37

1.創建一個輸入類型=「復位」和使用jquery .hide()
2. Trigger('click')點擊該輸入類型的隱藏它的形式。

來源

2013-04-25 10:57:09

試試這個：

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

而且，你可以把一個類來要清除並做所有輸入字段如下：

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

來源

2013-04-25 10:57:44

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

或

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

來源

2013-04-25 10:59:22 picios

給你的所有領域一個共同的類名喜力Ëclass='resetme'然後

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

來源

2013-04-25 10:59:59 Ergec

給所有領域一個共同的類名像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

來源

2013-04-25 11:17:51

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

回答

相關問題