changing values of multiple input fields

Question

Let's say I have a few divs with IDs like "div1", "div2", "div3" and so on.

What I am doing now is:

document.getElementById('#div1').value='something';
document.getElementById('#div2').value='something';
document.getElementById('#div3').value='something';

but this gets annoying if I have like 30 divs. I'm trying to use "for" but it's not working:

for(var i=1; i<31; i++) {
    document.getElementById('#div'+i).value='something';
}

I'm getting the same thing when I use the .val() function (jQuery).

What am I doing wrong in this case, guys? :)

Are you adding the same value for each div?

ckv
– ckv

2013-07-07 15:29:24 +00:00
Commented Jul 7, 2013 at 15:29 — ckv
– ckv, Commented Jul 7, 2013 at 15:29
Don't add the # in the getElementById argument

freejosh
– freejosh

2013-07-07 15:30:22 +00:00
Commented Jul 7, 2013 at 15:30 — freejosh
– freejosh, Commented Jul 7, 2013 at 15:30
Divs don't have a value attribute. They have an innerHTML

Brian Hoover
– Brian Hoover

2013-07-07 15:31:43 +00:00
Commented Jul 7, 2013 at 15:31 — Brian Hoover
– Brian Hoover, Commented Jul 7, 2013 at 15:31

Yotam Omer · Accepted Answer · 2013-07-07 15:32:07Z

2

You have a few things wrong. first, don't use # in getElementById(). second is that div elements doesn't have .value attribute, use innerHTML instead.. the third is that you're trying to access multiple elements by their id instead of creating a class shared by all of them. Code example:

HTML:

<div id="div1" class="myDiv"></div>
<div id="div2" class="myDiv"></div>
<div id="div3" class="myDiv"></div>
<div id="div4" class="myDiv"></div>
<div id="div5" class="myDiv"></div>
<div id="div6" class="myDiv"></div>
...

jQuery: (tagged in question - easiest example)

$(function(){
    $('.myDiv').text('something');
});

answered Jul 7, 2013 at 15:32

Yotam Omer

15.4k11 gold badges65 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

szamfirov Over a year ago

My example was not very good just for you guys to understand what I was doing. Everything is working fine now. Thank you, Yotam!

Saksham · Accepted Answer · 2013-07-07 15:34:41Z

0

You may use jquery each function but first you need to declare an array of div IDs for which you want to assign the value.

jQuery.each( [ "one", "two", "three", "four", "five" ], function() {
$('#' + this).text('value');
});

Or as said by Yotam, you may give a common class and just write

$('.className').text('value');

answered Jul 7, 2013 at 15:34

Saksham

9,4209 gold badges48 silver badges75 bronze badges

1 Comment

Saksham Over a year ago

its so hard to get even a singe thumbs up. [phew]

defau1t · Accepted Answer · 2013-07-07 15:48:33Z

0

You could do something simple like this:

<html>
<head>
    <title>Sample</title>
    <script type="text/javascript">
        function textDiv() {
            var totalDivs = document.getElementsByTagName("div").length 
            for(var i =0; i<totalDivs; i++)
            { 
                document.getElementById("div" + [i]).innerHTML = "Some Thing as a Text"

            }

        }
    </script>
</head>
<body onload="textDiv();">
    <div id="div0"></div>
    <div id="div1"></div>
    <div id="div2"></div>
    <div id="div3"></div>
    <div id="div4"></div>
</body>
</html>

answered Jul 7, 2013 at 15:48

defau1t

10.6k2 gold badges37 silver badges47 bronze badges

Collectives™ on Stack Overflow

changing values of multiple input fields

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related