我在我的页面上为汽车设置了一个下拉选择按钮,它显示所选下拉项目的价格并将值放在页面上,但我需要在同一页面上放另一个但是对于船只而且价格是不同,但我得到的是汽车列中显示的价格与船价格,但汽车一个工作正常,我已经尝试并尝试更改参考但不能让它工作,任何帮助将不胜感激。
尝试将脚本发布在页面上,但它不会让我
我试图更改位,但它仍显示汽车部分的价格。
感谢
答案 0 :(得分:0)
<div class="row flat">
<div class="col-lg-4 col-md-4 col-xs-12">
<ul class="plan plan1">
<li class="plan-name">Cars
</li>
<li class="plan-price">
<select id="price" onchange="changeddl(this)" onchange="updatePriceDisplay()">
<option>Choose duration</option>
<option value="150">1 day</option>
<option value="200">2 days</option>
<option value="300">3 days</option>
<option value="400">4 days</option>
<option value="150">5 days</option>
<option value="200">6 days</option>
<option value="300">1 week</option>
<option value="400">2 weeks</option>
<option value="150">3 weeks</option>
<option value="200">1 month</option>
<option value="300">2 months</option>
<option value="400">3 months</option>
<option value="200">4 months</option>
<option value="300">5 months</option>
<option value="400">6 months</option>
<option value="200">7 month</option>
<option value="300">8 months</option>
<option value="400">9 months</option>
<option value="200">10 month</option>
<option value="300">11 months</option>
<option value="400">12 months</option>
</select></li>
<li> <h3><div id="divprice"></div></h3></li>
<li class="plan-action">
<a href="#" class="btn">Signup</a>
</li>
</ul>
</div>
<div class="clear"></div>
<div class="col-lg-4 col-md-4 col-xs-12">
<ul class="plan plan2">
<li class="plan-name">Boats up to 4 metre's
</li>
<li class="plan-price">
<select id="boats" onchange="changeddl(boats)" onchange="updatePriceDisplay()">
</div><option>Choose duration</option>
<option value="14.00">1 day</option>
<option value="17.00">2 days</option>
<option value="20.00">3 days</option>
<option value="23.00">4 days</option>
<option value="26.00">5 days</option>
<option value="28.00">6 days</option>
<option value="30.00">1 week</option>
<option value="46.00">2 weeks</option>
<option value="62.00">3 weeks</option>
<option value="75.00">1 month</option>
<option value="125.00">2 months</option>
<option value="160.00">3 months</option>
<option value="195.00">4 months</option>
<option value="230.00">5 months</option>
<option value="265.00">6 months</option>
<option value="300.00">7 month</option>
<option value="335.00">8 months</option>
<option value="370.00">9 months</option>
<option value="405.00">10 month</option>
<option value="440.00">11 months</option>
<option value="475.00">12 months</option>
</select> </li>
<li> <h3><div id="divprice"></div></h3> </li>
<!-- <li>
<strong>08</strong> Responsive
</li>
<li>
<strong>12</strong> HTML5/CSS
</li>
<li>
<strong>15</strong> Flex
</li>
<li>
<strong>10</strong> Mobile App
</li>
<li>
<strong>Live</strong> Demo
</li>-->
<li class="plan-action">
<a href="#" class="btn">Signup</a>
</li>
</ul>
</div>
&#13;
<script>
function changeddl($this){
$("#divprice").text($this.value>0?("Price: Euro's " + $this.value):"");
};
</script>
&#13;