我的html表单中有一个drodown框。我想从下拉列表中选择“0”然后应该重置表单,否则进行ajax调用以填充表单。我为此目的编写了以下代码,但它不起作用,我的意思是表单字段没有被重置。
$("select#student_id").change(function(){
var student = $(this).val;
if(student!=0)
{
//Here I make the ajax call to populate the form
}
我在这里如何重置表单字段。
答案 0 :(得分:1)
$("select#student_id").change(function(){
var student = $(this).val();
if(student!=0) {
//make ajax call
} else {
$("form").reset();
}
});
答案 1 :(得分: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);
}
});
答案 2 :(得分:1)
它不能为你工作因为reset不是你需要在dom元素上调用reset函数的jquery函数
$('form')[0].reset()
答案 3 :(得分:0)
您必须说明当用户选择“0”时会发生什么。
if(student!=0)
{
//Here I make the ajax call to populate the form
}
else{
//reset form
}
答案 4 :(得分:0)
$( "#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();
}
});