Question

这段js怎么改才不会出现兼容性问题？

作用是改变sl输入框里的值后，je输入框等于数量和单价的乘积，会实时显示。
<script type="text/javascript">
function ddd() {
var djs = document.querySelectorAll("#dj");
var sls = document.querySelectorAll("#sl");
var jes = document.querySelectorAll("#je");
for (var i = 0; i < djs.length; i++) {
var num1 = djs[i].value;
var num2 = sls[i].value;
var num3 = jes[i];
num3.value = num1 * num2;
}
}
</script>

<input id="sl" style="width:50px;" name="spsl" type="text" value="<%=rs1.getDouble("spshul") %>" oninput="ddd()" onPropertyChange="ddd()" onblur="ddd()" onchange="ddd()"/>
<input id="je" style="width:50px;" name="spje" type="text" value="<%=rs1.getDouble("spjine") %>"/>
js在ie10以下和360兼容模式下运行不了，在谷歌和IE11能运行。该怎么改？
是这样的效果，修改实配数量，相应的实配金额会变。

Answer 1

推荐不要使用querySelector 效率最差，比jQuery的selector还差。

id是一个页面不能重复所以不需要循环也不是数组。

function ddd(){
    var djs = document.getElementById("dj");
    var sls = document.getElementById("sl");
    var jes = document.getElementById("je");
    
    jes.value = djs.value * sls.value;
    
    return ;
}

追问

页面有多条记录，都是从数据库中读的，循环显示到里。
以前就是这种方式，但修改后面几条记录变的永远都是第一条。