【发布时间】:2019-03-05 04:28:43
【问题描述】:
我正在使用 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";
}
});
【问题讨论】:
-
那么你想为选项应用 css 吗?
-
是的。通过javascript。
-
您能否详细说明您的问题,您真正想要实现什么?
-
我想为产品添加依赖选项。我购买了一个名为相关选项的插件,但该插件无法与主题一起正常工作。我的想法是当我选择一个选项时,它应该显示两个文本字段,两个单选选项字段。但仅显示无线电场。我也想显示文本字段。所以我编写了单独的 javascript 来显示文本字段。但是每个产品的选项 ID 不同,这些选项的 ID 在所有产品中都不同。客户在网站上有近 500 种产品。如何为所有产品添加这个 display:block 脚本??
-
所以我需要这些选项的全局 ID 或类。
标签: javascript opencart options