一页上有两个选择按钮

时间:2015-12-01 12:20:53

标签: javascript drop-down-menu

我在我的页面上为汽车设置了一个下拉选择按钮,它显示所选下拉项目的价格并将值放在页面上,但我需要在同一页面上放另一个但是对于船只而且价格是不同,但我得到的是汽车列中显示的价格与船价格,但汽车一个工作正常,我已经尝试并尝试更改参考但不能让它工作,任何帮助将不胜感激。

尝试将脚本发布在页面上,但它不会让我

我试图更改位,但它仍显示汽车部分的价格。

感谢

1 个答案:

答案 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;
&#13;
&#13;

&#13;
&#13;
 <script>
function changeddl($this){
$("#divprice").text($this.value>0?("Price: Euro's " + $this.value):"");
}; 
 </script> 
&#13;
&#13;
&#13;