How to set same value for all the text fields with same name attribute using Javascript?

Question

I see from here that we can set value for the first element by document.getElementsByName('Contact0Email')[0].value = email; and second element by document.getElementsByName('Contact0Email')[1].value = email; and so on.

But how to set values for all the text fields with same name attribute?

Possible duplicate of [how to loop over elements in form using getElementsByName?](https://stackoverflow.com/questions/1494984/how-to-loop-over-elements-in-form-using-getelementsbyname) — CBroe, Jul 18 '18 at 09:17

score 0 · Answer 1 · answered Jul 18 '18 at 09:35

0

I found it as:

var Firstname = document.getElementsByName("Firstname");
    for (var i=0; i < Firstname.length; i++) {
        Firstname[i].value = getAllUrlParams().Firstname;
    }

Javascript change fields value by name

answered Jul 18 '18 at 09:35

Aboobacker P

3
6

score -1 · Answer 2 · answered Jul 18 '18 at 09:19

-1

document.querySelectorAll('.selector').forEach(
    function( element ) {
        element.value = 'example@example.com';
    }
);

answered Jul 18 '18 at 09:19

JohnMcClane

128
6

I want to select the text fields by name. Not class. – Aboobacker P Jul 18 '18 at 09:36
this applies to any css selector, ergo names are possible. – JohnMcClane Jul 19 '18 at 07:52
document.querySelectorAll('Contact0Email') – JohnMcClane Jul 19 '18 at 07:52

How to set same value for all the text fields with same name attribute using Javascript?

2 Answers2