Populate multiple fields with javascript

Question

I am new to javascript and I can't populate many fields with one click.

<script>
  function addTxt(txt, field)
  {
      var myTxt = txt;
      var id = field;
      document.getElementById(id).value = myTxt;
  }
</script>

<input type="text" name="xx" id="info" autofocus="required">
<p><a  href="#" onclick="addTxt('x', 'info')">x</a></p>

I've got 3 more fields.

Thanks.

If you're new, this is (sadly) going to get sorta complicated for you. Make it easier on yourself and replace the <a> with a <button> or somethin — Deryck
– Deryck, Commented Dec 28, 2013 at 23:26
Your current function can be simplified to function addTxt(txt, id){ document.getElementById(id).value = txt; }. There's no need to copy arguments to new local variables. — Oriol
– Oriol, Commented Dec 28, 2013 at 23:33
@BrunoGhisi just replace your <a> with <button onclick="addTxt('x', 'info')" type="button">X</button> and you can format it to look like anything in the world with CSS — Deryck
– Deryck, Commented Dec 28, 2013 at 23:38

Oriol · Accepted Answer · 2013-12-28 23:31:56Z

2

You can use

function addTxt(txt, ids)
{
    for (var i=0, l=ids.length; i<l; ++i) {
        document.getElementById(ids[i]).value = txt;
    }
}

And call it like

addTxt('Some text', ['id1', 'id2', 'id3']);

answered Dec 28, 2013 at 23:31

Oriol

291k71 gold badges459 silver badges535 bronze badges

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

Comments

Abhinav015 · Accepted Answer · 2013-12-28 23:38:21Z

0

You can populate multiple fields. I have shared a jsfiddle link. You can populate multiple fields using this code.

function addTxt(_val, _id,_no)
  {

  var _myTxt = _val;
  var _id = _id;
  for(var i=1;i<=_no;i++){
    document.getElementById(_id+i).value = _myTxt;
  }

}

Click here to see DEMO

answered Dec 28, 2013 at 23:38

Abhinav015

447 bronze badges

4 Comments

Oriol Over a year ago

Why do all variables begin with _?

Abhinav015 Over a year ago

I have updated my code on jsfiddle. Now you can populate multiple data using this code.Please check it out. Click here DEMO

Abhinav015 Over a year ago

We can you _ in variables or identifiers.

Abhinav015 Over a year ago

Its ok. Can you please increase my reputation or vote. So that i would be solving problems more efficiently

Oriol · Accepted Answer · 2013-12-28 23:40:32Z

0

I think you don't need a function to do this.

Just use

document.getElementById('id1').value
    = document.getElementById('id2').value
    = document.getElementById('id3').value
    = 'Some text';

Or, if you think document.getElementById is too long, use a shortcut:

var get = document.getElementById;
/* ... */
get('id1').value = get('id2').value = get('id3').value = 'Some text';

answered Dec 28, 2013 at 23:40

Oriol

291k71 gold badges459 silver badges535 bronze badges

Comments

user1710796 · Accepted Answer · 2013-12-29 08:20:13Z

0

Try getting the elements by tagName or by className instead of by id, then using a for loop to iterate through each one.

answered Dec 29, 2013 at 8:20

user1710796

Collectives™ on Stack Overflow

Populate multiple fields with javascript

4 Answers 4

Comments

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related