Получить значение нескольких блоков выбора javascript

Question

Привет, у меня есть небольшая проблема, у меня есть около 4 блоков выбора, каждый из которых имеет разные значения, для того, чтобы пользователь мог выбирать из них, они создаются динамически в цикле в пределах java script так все они имеют один и тот же идентификатор.

Я хочу напечатать каждое значение, выбранное динамически, поэтому, когда вы выберете из окна выбора 1, напечатайте его значение, а затем, выбрав опцию ящика 2, первое значение будет переопределено.

Код, который я сейчас работаю только для первого окна выбора, может ли кто-нибудь помочь мне заставить его работать на всех?

for(var i=0; i<5; i++){ 
    var a=document.createElement("select"); 
    aa.setAttribute('id', 'boxes'); 
    //..addoptions in another loop then in the same loop I have 
    aa.onchange = function(){ tester();}; 
} 


function tester(){ 
    var i = document.getElementById("boxes"); 
    var ii = i.selectedIndex; 
    document.getElementsById("pTag").innerHTML=i.options[ii].value 
} 

Javascript только пожалуйста

Answer 1

Измените код следующим образом это должно решить вашу проблему. Обратите внимание, что aa.onchage = tester, а не aa.onchange = tester(), причина в том, что вы назначаете aa.onchange функции tester, а не ее возвращаемое значение.

for(var i=0; i<5; i++){ 
    var a=document.createElement("select"); 
    aa.setAttribute('id', 'boxes'+i); 
    //..addoptions in another loop then in the same loop I have 
    aa.onchange = tester; 
} 


function tester(event){ 
    document.getElementsById("pTag").innerHTML = event.target.value; 
}