как сделать, чтобы в зависимости от положения кружка - была та или иная картинка? Есть код:
window.addEventListener("DOMContentLoaded", function() {
[].forEach.call( document.querySelectorAll('.selz1'), function(el) {
var inputs = el.querySelectorAll("input.wicartoptional"),
selects = el.querySelectorAll("select.wicartoptional"),
ops = selects[1].querySelectorAll("option"),
obj = {
0: {
0: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
1: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
2: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
3: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
4: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
},
1: {
0: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
1: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
2: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
3: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
4: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
}
},
op = obj[0];
function change() {
var i = selects[0].selectedIndex || 0;
i = op[i];
selects[1].options.length = 0;
i.forEach(function(o) {
selects[1].appendChild(ops[o])
})
}
selects[0].addEventListener("change", change);
[].forEach.call(inputs,
function(input, i) {
if(input.checked) {op = obj[i];
document.querySelector(".im").src = ["upload/cartimg/psbsngroof.gif"][i]; change();
}
input.addEventListener("change", function() {
document.querySelector(".im").src = ["upload/cartimg/psbsroof.gif","upload/cartimg/psbswall.gif"][i];
input.checked && (op = obj[i]);
change()
})
})
});
});
тут все работает, но стоит здесь еще выборка числа в зависимости от других select. Как сделать только смену картинки и ничего более?
