使用JavaScript在按钮点击时清除输入框内容

Question

我有一个动态创建文本输入框的程序。我希望在点击清除按钮时清空这些输入框中的内容。

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];
  }
}

我使用这个来获取框的值，但不知道如何使它们为空....

- coder247

Answer 1

如果它在表单中，您可以简单地使用 <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="";
}

- Gabriel

Answer 2

使用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 = ""; 
    }
}

（或者您可以为整个表单使用重置输入框）

- gblazex

Answer 3

您可以尝试设置该值：

el.value = '';

- Darin Dimitrov

Answer 4

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

elems[i].value = ""

- Robusto