Question

我正在使用opencart3。我正在为所有产品使用产品选件。我想写一个JavaScript来在所有产品中选择另一个产品选项时隐藏/显示三个产品选项。每个产品的选项ID都不相同。如何为选项添加全局ID /全局类。

对于产品1：

<input name="option[1118]" value="" id="input-option1118" class="form-control" style="display: none;" type="text">

对于产品2：

<input name="option[1229]" value="1229" id="input-option1229" class="form-control" style="display: block;" type="text">

JavaScript代码

$('#product #input-option1228').on('click', function(e) {
        e.preventDefault();
var waistDiv = document.getElementById("option-1229");
var waistInput = document.getElementById("input-option1229");
var hipDiv = document.getElementById("option-1231");
var hipInput = document.getElementById("input-option1231");
var heightDiv = document.getElementById("option-1232");
var heightInput = document.getElementById("input-option1232");
document.getElementById("input-option1228").onchange = function(){
waistDiv.style.display = (this.selectedIndex == '1144') ? "none" : "block";
waistInput.style.display = (this.selectedIndex == '1144') ? "none" : "block";
hipDiv.style.display = (this.selectedIndex == '1144') ? "none" : "block";
hipInput.style.display = (this.selectedIndex == '1144') ? "none" : "block";
heightDiv.style.display = (this.selectedIndex == '1144') ? "none" : "block";
heightInput.style.display = (this.selectedIndex == '1144') ? "none" : "block";
}
});

Answer 1

这在这里被问过几次： Opencart how to related 2 options in a product和 How to add sub options in Opencart?

摘要：使用扩展来处理“相关/相关选项”。

如何在Opencart 3中设置产品选项的全局选项ID？

1 个答案: