getElemetById always return first object, how i can get other values?

Question

ajaxRequest.onreadystatechange = function(){
  if(ajaxRequest.readyState == 4){
     var ajaxDisplay = document.getElementById('detail');
     ajaxDisplay.innerHTML = ajaxRequest.responseText;
     }
  }
  var prezime = document.getElementById('form1').getAttribute('value');
  var queryString = "?prezime=" + prezime ;

PHP

echo '<input type="text" id="form1" class="button1" value="'. $row["prezime"] .'" 
name="'. $row["prezime"] .'" onclick="ajaxFunctionII()" >';
echo("</form>");

An ID should always be unique, thus there should be no more than one element with that specific id. — Christofer Eliasson, Feb 02 '12 at 09:53
If you find yourself using more than one instance of a particular id attribute on your page, you should consider using a class attribute instead - IDs should be unique. — Hecksa, Feb 02 '12 at 09:55

dku.rajkumar · Answer 1 · 2012-02-02T11:34:57.380

2

Id is always unique to one element, you should not use same id for more than one element. even though you use, the getElementById will select only the 1st element the DOM find, it wont look for any other element.

Make use of name or class and to get these elements use getElementsByName and getElementsByClassName.

Reference

edited Feb 02 '12 at 11:34

answered Feb 02 '12 at 09:56

dku.rajkumar

18,414
7
41
58

Note that getElementByClass isn't supported by IE, I believe. – Christofer Eliasson Feb 02 '12 at 10:20
1

If any, it should be `getElementsByClassName` and yes, it is not supported by IE8 and below. – Felix Kling Feb 02 '12 at 11:31

score 0 · Answer 2 · answered Feb 02 '12 at 09:55

0

More than one element with same ID is bad, invalid and will cause problems. Don't do that.

Give each element different ID and if you want to have them in "groups" give them a name.

To get collection of elements by name have this:

var arrButtons = document.getElementsByName("detail");
ajaxDisplay = arrButtons[1];
ajaxDisplay.innerHTML = ajaxRequest.responseText;

In the above, you will assign the second button.

answered Feb 02 '12 at 09:55

Shadow The GPT Wizard

66,030
26
140
208

ok, if i in php file bive id value from mysql, how i can get that value in html echo ''; – user1024610 Feb 02 '12 at 10:12
Don't know, sorry, and can't see how it's relevant to your question or my answer.. – Shadow The GPT Wizard Feb 02 '12 at 10:15

score 0 · Answer 3 · answered Feb 02 '12 at 09:59

Ideally we should be having only one element within a DOM, with any given id value.

You can try document.getElementsByTagName and document.getElementsByName.

If you are using jQuery, it should be very simple $('#id') or $('.classname') will return all matching elements.

score 0 · Answer 4 · edited May 23 '17 at 10:34

0

you should go with class instead of id.the same issue is solved on the given link please check that.

Get multiple elements by Id

edited May 23 '17 at 10:34

Community

1
1

answered Feb 02 '12 at 09:59

er.miteshp

75
2
11

i getting name from mysql search in php, which is call back with ajax to html, how i can call that in html if i don't know name? – user1024610 Feb 02 '12 at 10:24
so did you use jquery? if yes then it is easy. you can use $('#idname').each(function(){$(this).val();}) – er.miteshp Feb 02 '12 at 11:08

getElemetById always return first object, how i can get other values?

4 Answers4