检索多个 select 框的值 javascript

Question

你好，我有一个小问题，我有大约 4 个 select 框，每个框都有不同的值供用户选择，这些框是在 [= 的循环中动态创建的23=] script 所以它们都共享相同的 id。

我想打印每个值 selected 动态所以当你 select 从 select 框 1 打印它的值然后当 selecting 框 2 的选项第一个值被覆盖。

我现在的代码只适用于第一个 select 框，谁能帮我让它对所有框都起作用？

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 而不是它的 return 值。

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;
}

检索多个 select 框的值 javascript

Retrieve the value of multiple select boxes javascript

javascript

select

option