ansaurus

Question

copy value of one textbox with same ID to another in javascript

Answer 1

+3 A:

Your main issue is all your <input> elements have the same id, "1067". Not only is this not XHTML compliant, but it will cause issues with your javascript, as document.getElementById(order) will return multiple elements, a scenario which this function is not designed to handle.

I'd suggest applying classes to all your <input> elements, use jQuery to bind the .blur() event to each element of that class, and perform your logic that way (use jQuery's foreach enumerator rather than a for loop with id matching).

Of course you could accomplish this with regular JavaScript too (as you have done, inline "onblur" event wiring on the actual elements).

But first things first, fix up the HTML so it can play nice with JavaScript.

RPM1984 2010-09-13 23:53:23

Actually my intention is copy the same text of trackingNum entered in first textbox to other same OrderID.... if possible can you please help me with step wise changes and javascript code using jQuery.

Colours 2010-09-14 02:20:55

Its not easy to answer - as your HTML makes no sense. Is all your HTML fixed? Or is a dynamically generated? It looks like you have a bunch of tr's with the same content inside. Is this dynamic content, or are you manually typing all this HTML in? If manual, get rid of all the ID's, and instead, just wrap each TD in a DIV with an ID. Then you can get elements by div id, e.g ('#sometr .trackingnumber') will give you the element with a class of tracking number inside a unique DIV. You could apply classes to elements you want to get a handle of - and work that way.

RPM1984 2010-09-14 03:19:18

Answer 2

+1 A:

id is supposed to be unique, you should not have more than one element with the same id on a page, and you cannot use getElementById to reference them (it will probably return the first element in document order with the id).

You can do it...if you must, by using getElementsByTagName and a loop (somewhat similar to your code)

function getIds(id) {
  var inputs = document.getElementsByTagName('input'), matches = [];
  for (var i=0; i<inputs.length; i++) 
    if (inputs[i].getAttribute('id') == id) matches.push(inputs[i]);

  return matches;
}

But you should really re-factor and put "similar" values in element classes, in which case, the code above will still work, just replace 'id' with 'class'

MooGoo 2010-09-13 23:58:07

I have changed "id" of each text box to class and modified the getAttribute('class') in above method, but not sure how to proceed further in copying the data from similar text boxes. Please help me proceed further.

Colours 2010-09-20 05:15:04

Well, the function `getIds` returns an array of elements, so you would want to loop through that array and set the `value` property of each item to whatever data you are copying.

MooGoo 2010-09-20 14:14:49

ansaurus

tags:

views:

answers:

copy value of one textbox with same ID to another in javascript

related questions