从列表框中更改价格

Question

我想将此列表框添加到我的网站。例如如果我选择沃尔沃价格必须显示10美元，如果我选择奥迪价格必须显示20美元

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

我网站上的价格面板

<div class="tovar-price-block">
<div class="price-block-head"><span class="tovar-price">[xfvalue_price]<span id="azn">M</span></span></div>
[xfgiven_old-price]<div class="tovar-discount  green">

Answer 1

为您的select

添加事件处理程序

<select onchange="change()">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

然后你必须定义函数change()并在任何你想要的地方更新price。