javascript - 表单脚本清除文本区域

标签 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;
});

它工作得很好,可以清除所有选择框或所选的单选选项,但不会清除文本区域。我不确定在哪里或如何包含这些?

最佳答案

textarea 是它自己的标签。您需要直接获取它:

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

Fiddle

关于javascript - 表单脚本清除文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25749905/

相关文章:

javascript - 如何在 Angular2 中从一个组件连接到另一个组件

php - 如何验证 ckeditor5 textarea 字段是否需要?

html - 如何将段落环绕在图像周围?

javascript - 如何使用 php 重定向到上一页并保持所有填充的输入相同

javascript - 使用jquery选择下拉菜单时如何搜索结果?

javascript - 如何结合 ng-class 检查和 ng-click 比较?

javascript - 选择的 ng-options 不使用对象作为模型 [Angular 1.5]

javascript - JSON 在 IE 中不起作用

jQuery 底部位置或转换反转?

javascript - 处理同一个表单上的两个提交按钮