使用javascript清除按钮单击时的输入框答案

【问题标题】：clear input boxes on button click with javascript使用javascript清除按钮单击时的输入框
【发布时间】：2011-03-11 21:22:58
【问题描述】：

我有一个动态创建文本输入框的程序。我想通过单击清除按钮清除框的内容。

var elems = document.getElementsByClassName(CLId);
var myLength = elems.length;
var total = 0;
for (var i = 0; i < myLength; ++i) {
  if(elems[i].value != null && elems[i].value > 0){
    var el = elems[i];
  }
}

我用它来获取盒子的值，但不知道如何让它们为空......

【问题讨论】：

标签： javascript text input

【解决方案1】：

使用getElementsByTagName（类版本还不是跨浏览器）并为具有所需类的元素将值设置为“”。

var cname, elems = document.getElementsByTagName("input");
for ( var i = elems.length; i--; ) {
    cname = elems[i].className;
    if ( cname && cname.indexOf(CLId) > -1 ) {
        // empty the input box
        elems[i].value = ""; 
    }
}

（或者你可以为整个表单使用一个reset输入框）

【讨论】：

【解决方案2】：

如果是表单，您可以简单地使用<input type="reset" value="clear"/> 标签 (HTML)。否则你会想要：

var elems = document.getElementsByTagName("input");
var l = elems.length;
for (var i = 0; i < l; ++i){
  elems[i].value="";
}

【讨论】：

【解决方案3】：

您可以尝试设置值：

el.value = '';

【讨论】：

【解决方案4】：

循环中elems[i] 的值将是一个字符串，因此您可以测试它的长度或它与空字符串（“”）的等效值。您也可以将其值设置为 "" 以清除它。

elems[i].value = ""

【讨论】：