Заполнение формы с помощью JavaScript с консоли

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. «BlaBla») для всех текстовых полей, так что:

... 
<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