javascript - Jquery 清除/重置我填写的表单

Question

例如，我有 2 个表单输入和 1 个选择表单，当我选择表单的 A 1 时隐藏并自动重置/清除。

基本上我已经完成了隐藏逻辑，但我无法重置它。

这是我的代码:

var employedTypeOption = $('#employedType-option');
employedTypeOption.on('change', function() {
  if (employedTypeOption.val() == 1) {
    $('#hourly-rate, #parttime-panel').show();
    $('#basic-salary').hide();
  } else if (employedTypeOption.val() == 0){
    $('#basic-salary').show();
    $('#hourly-rate, #parttime-panel').hide();
  }
});

有什么想法吗？

Answer 1

您可以找到表单中的所有文本字段和文本区域并重置它们的值。就像下面这样。

var employedTypeOption = $('#employedType-option');
employedTypeOption.on('change', function() {
  if (employedTypeOption.val() == 1) {
    $('#hourly-rate, #parttime-panel').show();
    $('#basic-salary').hide();

    $('#yourFormID').find('input[type="text"], textarea').val("");

  } else if (employedTypeOption.val() == 0){
    $('#basic-salary').show();
    $('#hourly-rate, #parttime-panel').hide();

    $('#yourFormID').find('input[type="text"], textarea').val("");

  }
});