Question

假设我有一个表单，其中我有一个我需要添加的文本字段。场重复100次。

...
<textarea class="typeInStupid" data-text-type="execution-notes" 
placeholder="Notes go here..." rows="6" id="123"></textarea>
...
...
<textarea class="typeInStupid" data-text-type="execution-notes" 
placeholder="Notes go here..." rows="6" id="124"></textarea>
...

任务：使用浏览器控制台和JavaScript将相同的文本块（f.e。＆＃34; BlaBla＆＃34;）添加到所有文本字段，以便：

...
<textarea class="typeInStupid" data-text-type="execution-notes" 
placeholder="Notes go here..." rows="6" id="123">BlaBla</textarea>
...
...
<textarea class="typeInStupid" data-text-type="execution-notes" 
placeholder="Notes go here..." rows="6" id="124">BlaBla</textarea>
...

替代有效的解决方案 - 是的，请。 :) 先感谢您。

Answer 1

解决方案是找到所有textarea字段，然后遍历每个字段并修改其值。

var textFields = document.querySelectorAll(".typeInStupid");
for (var i = 0; i < textFields.length; i++) {
    textFields[i].value = "BlaBla";
}

请参阅JSFiddle with DOM。您只需将javascript代码复制到浏览器控制台窗口并执行即可。

或者，如果您使用jquery，

$(".typeInStupid").each(function(){
    $(this).val("BlaBla");
});

如JSFiddle with JQuery

所示

使用来自控制台的JavaScript填写表单

1 个答案: