複数の選択ボックスの値を取得するjavascript

Question

こんにちは私は小さな問題を抱えています。これらの中からユーザが選択できる4つの選択ボックスが、それぞれループ内でループ内で動的に作成されています。彼らはすべて同じIDを共有します。

選択した各値を動的に印刷したいので、選択ボックス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()であることに注意してください。なぜなら、戻り値ではなくに関数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; 
}