好的,所以我有一些代码非常适合我添加到商店中的第一个产品。但是当我添加下一个产品时,下拉选项会自动增加选择中的 ID 值。我需要找到解决此问题的方法,以便它适用于任何已加载的产品。
这是Javascript:
<script language="javascript">
function displayCondition() {
condition = new Array("Please Select a Condition.","<b>Perfect:</b> Text to explain perfect condition!", "<b>Excellent:</b> Text to explain excellent condition!", "<b>Good:</b> Text to explain good condition!", "<b>Poor:</b> Text to explain poor condition!", "<b>Broken:</b> Text to explain broken condition!");
var getsel = document.getElementById('select_<?php echo $_option->getId();?>').value;
document.getElementById("divId").innerHTML = condition[getsel];
}
</script>
这是工作产品代码,请注意 ID 为 1-5:
<select name="options[1]" id="select_1" class=" required-entry product-custom-option"
title="" onchange="opConfig.reloadPrice();displayCondition()">
<option value="" >-- Please Select --</option>
<option value="1" price="0" >Perfect </option>
<option value="2" price="-35" >Excellent </option>
<option value="3" price="-105" >Good </option>
<option value="4" price="-140" >Poor </option>
<option value="5" price="-252" >Broken </option>
</select>
以及第二个产品的代码。在此之后的每个产品都将不断增加:
<select name="options[6]" id="select_6" class=" required-entry product-custom-option"
title="" onchange="opConfig.reloadPrice();displayCondition();">
<option value="" >-- Please Select --</option>
<option value="13" price="0" >Perfect </option>
<option value="14" price="-35" >Excellent </option>
<option value="15" price="-105" >Good </option>
<option value="16" price="-140" >Poor </option>
<option value="17" price="-252" >Broken </option>
</select>
我需要的帮助在 javascript 中。我无法更改选择中的值,因为它们控制会影响每种产品的定价。先感谢您。