JavaScript在同一个ID上有多个值

Question

I have a loop in php that echos out a <input type="hidden" id="lol" value=$id />

Every time the loops go through i get a new value in the hidden input field as you can understand.

Now, im trying to grab the value from each of these items and get grab it with Javascript and SAJAX. The javascript im using now works, But! It only grabs the first value (because the ID is the same on each input)

Javscript:

function Showbooking() {
    id = document.getElementById('lol').value;
    x_showBookingForm(id, do_showBookingForm);
}
function do_showBookingForm(html) {
    openPopup(600, 550, html);
}

As you can see im opening a POPUP with javascript aswell and exports the value into that popup window.

So on every popup I get the same value (the value from the first input).

How Do I get around this problem?

Answer 1

1. Change ID to name
2. Use document.getElementsByName and loop

var lols = document.getElementsByName("lol");
var vals=[];
for (var i=0, n=lols.length;i<n;i++) {
  vals.push(lols[i].value);
}
alert(vals.join(","));

Answer 2

getElementById says element rather than elements because it returns only one item. id is supposed to be unique. You could do something to the effect of:

var inputs = document.getElementsByTagName("input");
var values = [];
for(var i=0;i<inputs.length;i++){
    if(inputs[i].type === "hidden"){
        values.push(inputs[i].value;
    }
}