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

Question

我正在使用opencart 3.我正在使用所有产品的产品选项。我想在所有产品中选择其他产品选项时，要编写一个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?

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