I have a drodown box in my html form. I want when "0" is selected from the dropdown then the form should be reset otherwise make the ajax call to fill the form. I have written the following code for that purpose, but it is not working, I mean the form fields are not being reset.
$("select#student_id").change(function(){
var student = $(this).val;
if(student!=0)
{
//Here I make the ajax call to populate the form
}
Here how can I reset the form fields.
$("select#student_id").change(function(){
var student = $(this).val();
if(student!=0) {
//make ajax call
} else {
$("form").reset();
}
});
its not working for you because reset is not a jquery function you need to call reset function on the dom element
$('form')[0].reset()
$("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);
}
});
You have to say what happens when the user selects '0'.
if(student!=0)
{
//Here I make the ajax call to populate the form
}
else{
//reset form
}
$( "#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();
}
});
