Javascript for 循环更改函数中文本区域的名称

Question

我创建了 50 个名为 def1,def2,def3.....,def50 的 textareas。在我的 onLoad() 函数中，我希望在所有这些文本框中设置相同的值。

我如何编写一些 Javascript 代码来设置 textarea 的值，而不是编写 50 次代码，即在循环中？

Answer 1

我建议阅读 MDC JavaScript 指南，因为循环和字符串连接是相当基本的操作：

for(var i = 1; i < 51; i++) {
    var nameOfTextarea = 'def' + i;
    // ...
}

Answer 2

如果可能的话，我会给你的文本框 ID（不仅仅是名称），然后执行如下操作：

var namePrefix = "def";
for(var i = 1; i <= 50; ++i)
{
    var textbox = getElementById(namePrefix + i);
    // do something to textbox number i.
}

Answer 3

尝试使用 jquery：

<input type="text" id="t1"/>
<input type="text" id="t2"/>
<input type="text" id="t3"/>

Jquery 代码：

var arr = [ "t1", "t2", "t3" ];
jQuery.each(arr, function() {
      $("#"+this).val("hello");//$("#" + this).text("hello");
   });

这里是 工作演示

Answer 4

试试这个。

var textareas = document.getElementsByTagName("textarea");
for(var i=0;i<textareas.length;i++){
    if(textareas[i].id.indexOf("def") == 0){
        textareas[i].value = textareas[i].id;
    }
} 

Answer 5

您可以使用 tagname 属性，但如果页面中的其他位置有更多文本框，则该属性将不起作用

 function loader(){
    for(var i=0;i<50;i++)
    document.getElementsByName("def"+i)[0].value='Any Value';
    }