javascript - 如何在 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?

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