单击清除按钮时删除表单输入字段

时间:2020-09-17 15:25:15

标签: javascript html event-handling polymer dom-events

我添加了以下功能,以在单击清除按钮时简单地删除字段。我得到的错误是:

未捕获的TypeError:无法读取null的属性“ classList”

要解决此问题,我尝试在div内为输入字段添加类positionInput;这当然没有解决。

_clear() {
  var newPosition = document.getElementById("position");
  newPosition.classList.remove("positionInput");
}

这里是注入新表单输入字段的对象:

_addPosition(e) {

   let newPosition = document.createElement('input');               
   newPosition.classList = 'positionInput';                
   positionGroup.insertAdjacentElement('beforeend', newPosition);
}

这是输入字段和清除按钮的标记

 <div style="display: flex; margin: 0.5em 0 1em 0;">
    <input style="margin-right: 10px;" type="button" value="SAVE" on-click="_post" />
    <input type="button" value="CLEAR" on-click="_clear" />
</div>

1 个答案:

答案 0 :(得分:0)

您可以尝试输入类型重置,还是清除按钮上的重置功能