Is it possible to populate the values of all elements of a class?

Question

What I want to achieve is populating many form fields with the same value. I can do it for an element that has an id:

function selectDateAndArendeSearch(year, month, day, field, number, numberfield) {
    var m = parseInt(month)+1;

    if(m<10)
        month="0"+m;
    else
        month=m;
    if(day.length==1)
        day="0"+day;

    document.actionForm.all(field).value = year+"-"+month+"-"+day;
    document.actionForm.all(numberfield).value = number;
    document.getElementById('popupF').style.display = 'none';
}

But how do I do it for many elements i.e. a class?

I use jQuery as my everyday js companion. In jquery you use each() — jtheman, Oct 25 '12 at 06:19

score 2 · Answer 1 · answered Oct 25 '12 at 06:37

2

for (el in document.getElementsByClassName('myclassname')) {
    el.value = "New Value";
}

answered Oct 25 '12 at 06:37

Barmar

741,623
53
500
612

Raab · Accepted Answer · 2012-10-25T06:54:29.943

1

document.getElementsByClassName('myclassname').value = 'New Value';

edited Oct 25 '12 at 06:54

answered Oct 25 '12 at 06:21

Raab

34,778
4
50
65

1

There is no such function, it's `getElementsByClassName` and it returns an array, which you have to iterate over. – Barmar Oct 25 '12 at 06:38

score 1 · Answer 3 · edited May 23 '17 at 11:55

1

The method getElementsByClassName is perfect for the mayority of modern browsers.
However if you need compatibility with old browsers, it might not be native. In this case, have a look to CMS's answer to this question, who provides a portable function for this task.

For compatibility see the following working draft

edited May 23 '17 at 11:55

Community

1
1

answered Oct 25 '12 at 06:36

Luca Borrione

16,324
8
52
66

It¨s OK if it works with IE 5+. My requirement is down to IE 6 only is OK. – Niklas Rosencrantz Oct 25 '12 at 06:40
@Nick Rosencrantz Then I strongly suggest you to use the portable method: see my edit for a link to a working draft compatibility. It's native only in IE9. – Luca Borrione Oct 25 '12 at 06:46

Is it possible to populate the values of all elements of a class?

3 Answers3