php - JQueryでonchangeイベントを使用してすべてのフィールドをクリア/リフレッシュする

Question

ドロップダウンリストがあり、その下に6〜8個のテキストフィールドがある一連のコードがあります。オプションを変更するたびに、すべてのフィールドを更新したいので、フィールドを空にする必要があります....

私が試したこと： -

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

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

しかし、私の質問は、存在するすべてのテキストボックスがクリアされるように、1行のコードのみを使用して実行できるかということです????

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

デモ

Answer 3

1.input type='reset' を作成し、jquery を使用してフォームに非表示にします.hide()
。 2.Trigger('click')その入力タイプをクリックします。

Answer 4

class='resetme'次のように、すべてのフィールドに共通のクラス名を付けます

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

Answer 5

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

また

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