jquery - Javascript によるフォームのフィールドのリセット

Question

HTMLフォームにドロダウンボックスがあります。ドロップダウンから「0」が選択されたときにフォームをリセットする必要があります。それ以外の場合は、フォームに入力するために ajax 呼び出しを行います。その目的のために次のコードを書きましたが、機能していません。つまり、フォーム フィールドがリセットされていません。

$("select#student_id").change(function(){
  var student = $(this).val;
  if(student!=0)
    {
      //Here I make the ajax call to populate the form
    }

ここでフォームフィールドをリセットするにはどうすればよいですか。

Answer 1

$("select#student_id").change(function(){
  var student = $(this).val;
  if(student!=0)
    {
      //Here I make the ajax call to populate the form
    }
  else
  {
    var $form = $('#form_id_here');
    $form.find("input, textarea, hidden").val("").text("");
    $form.find("input[type='checkbox'], input[type='radio']").is(":checked").attr('checked', false);
  }
});

Answer 2

リセットはjquery関数ではないため、dom要素でリセット関数を呼び出す必要があるため、機能しません

$('form')[0].reset()

Answer 3

$("select#student_id").change(function(){
    var student = $(this).val();
    if(student!=0) {
        //make ajax call
    } else {
        $("form").reset();
    }
});

Answer 4

ユーザーが「0」を選択したときに何が起こるかを言わなければなりません。

if(student!=0)
    {
      //Here I make the ajax call to populate the form
}
else{
 //reset form
}

Answer 5

$( "#student_id" ).change(function(event, ui){
    if( $(this).val() != 0 )
    {
      //Here I make the ajax call to populate the form
      alert("Fill the form");
    }
    else {
        //reset all the fields of the form to the default values
        $(event.target.form)[0].reset();
    }
});