Question

我的一位朋友正在建立一个销售不同产品的网站，其中许多产品都有不同的变体。例如，这些产品中的一种可以具有不同的颜色或不同的尺寸。根据您的选择，价格应该会发生变化。常规价格代码如下：

<div id="WA_buybox">
<div id="WA_prices">
    <div id="WA_headline2">
        <p>Our Price</p>
    </div>
    <div id="WA_price">
        <p class="WA_price2">200&nbsp;€</p><-- Regular price without choosing an option -->
        <p class="WA_zzgl2">19% VAT</p>
    </div>
    <div class="clearer"></div>
</div>
<div class="clearer"></div>

这是您可以选择选项的部分：

<dd class="last">
<div class="input-box">
    <select name="super_attribute[149]" id="attribute149" class="required-entry super-attribute-select">
        <option value="">Choose option…</option>
        <option value="28" price="139" data-label="1000 mm">1000 mm +139&nbsp;€</option>
        <option value="30" price="149" data-label="1200 mm">1200 mm +149&nbsp;€</option>
        <option value="32" price="159" data-label="1400 mm">1400 mm +159&nbsp;€</option>
        <option value="33" price="169" data-label="1500 mm">1500 mm +169&nbsp;€</option>
        <option value="34" price="179" data-label="1600 mm">1600 mm +179&nbsp;€</option>
        <option value="36" price="189" data-label="1800 mm">1800 mm +189&nbsp;€</option>
        <option value="38" price="199" data-label="2000 mm">2000 mm +199&nbsp;€</option>
    </select>
</div>

到目前为止，我无法更改option-tag的值或价格。它也不总是mm，但例如可以是不同的颜色。唯一一致的是+139 €，只有数字在变化。

我想要实现的是价格根据您选择的选项而变化，但这里是棘手的部分。这是您选择选项时的样子：

<dd class="last">
    <div class="input-box">
        <select name="super_attribute[149]" id="attribute149" class="required-entry super-attribute-select">
            <option value="">Option wählen…</option>
            <option value="28" price="139" data-label="1000 mm">1000 mm -10&nbsp;€</option>
            <option value="30" price="149" data-label="1200 mm" class="selected">1200 mm</option>
            <option value="32" price="159" data-label="1400 mm">1400 mm +10&nbsp;€</option>
            <option value="33" price="169" data-label="1500 mm">1500 mm +20&nbsp;€</option>
            <option value="34" price="179" data-label="1600 mm">1600 mm +30&nbsp;€</option>
            <option value="36" price="189" data-label="1800 mm">1800 mm +40&nbsp;€</option>
            <option value="38" price="199" data-label="2000 mm">2000 mm +50&nbsp;€</option>
        </select>
    </div>
</dd>

价格已经消失，它也显示了一个＆＃34; - ＆＃34;而不是＆＃34; +＆＃34;当你选择了一个更昂贵的变种，并想转向更便宜的变种。到目前为止，我只有使用jQuery来改变它的可能性。我尝试了不同的东西，但似乎都没有。你们有什么建议吗？提前谢谢。

根据所选选项更改产品价格

0 个答案: