表单脚本清除textareas

时间:2014-09-09 16:42:24

标签: javascript jquery html css forms

如果用户通过选择选项下拉菜单在表单之间切换,我使用以下脚本清除字段:

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。我不确定在哪里或如何包含这些?

1 个答案:

答案 0 :(得分:1)

textarea是它自己的标签。你需要直接抓住它:

$('div.box.active').find("textarea").val('');

Fiddle