如果用户通过选择选项下拉菜单在表单之间切换,我使用以下脚本清除字段:
var isFormChanged = false;
$("select").change(function () {
var type = $(this).val();
if(isFormChanged)
{
var sure= confirm ('Your changes will be lost, proceed?');
if(sure)
{
$('div.box.active').find('input[type=text]').val('');
$('div.box.active').find('input[type=radio],[type=checkbox]').prop('checked',false);
showForm(type);
}else
{
return false;
}
}
showForm(type);
});
function showForm(type)
{
$('div.box').removeClass('active').hide();
$('div.box.'+type).show().addClass('active');
isFormChanged = false;
}
$('div.box').find('input').on('change',function(){
isFormChanged = true;
});
它工作得很好并清除所选的任何选择框或无线电选项,但它不会清除textareas。我不确定在哪里或如何包含这些?