在一個頁面上的兩個選擇按鈕

Question

我在汽車的頁面上放置了一個下拉選擇按鈕，它顯示所選下拉項目的價格並將該值放在頁面上，但我需要將另一個放在同一頁面上，但是對於船隻和價格是不同的，但我得到的是價格顯示在汽車欄與船的價格，但汽車一個正常工作，我試過並試圖改變引用，但不能得到它的工作，任何幫助將不勝感激。

試圖發佈腳本我有什麼頁面上，但它不會讓我

我曾試圖改變位，但它仍然顯示在車款的價格。

感謝

Answer 1

\t <div class="row flat"> 
 
\t \t \t <div class="col-lg-4 col-md-4 col-xs-12"> 
 
\t \t \t \t <ul class="plan plan1"> 
 
\t \t \t \t \t <li class="plan-name">Cars 
 
\t \t \t \t \t </li> 
 
\t \t \t \t \t <li class="plan-price"> 
 
\t \t \t \t \t <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> 
 

 
\t \t <li> \t <h3><div id="divprice"></div></h3></li> 
 
\t \t 
 
\t \t \t \t \t <li class="plan-action"> 
 
\t \t \t \t \t \t <a href="#" class="btn">Signup</a> 
 
\t \t \t \t \t </li> 
 
\t \t \t \t </ul> 
 
\t \t \t </div> 
 
\t <div class="clear"></div> 
 
\t \t \t <div class="col-lg-4 col-md-4 col-xs-12"> 
 
\t \t \t \t <ul class="plan plan2"> 
 
\t \t \t \t \t <li class="plan-name">Boats up to 4 metre's 
 
\t \t \t \t \t </li> 
 
\t \t \t \t \t <li class="plan-price"> 
 
\t \t \t 
 
\t <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> 
 
\t </select> \t </li> 
 
\t \t \t <li> \t <h3><div id="divprice"></div></h3> \t \t </li> 
 
\t \t \t <!-- \t \t <li> 
 
\t \t \t \t \t \t <strong>08</strong> Responsive 
 
\t \t \t \t \t </li> 
 
\t \t \t \t \t <li> 
 
\t \t \t \t \t \t <strong>12</strong> HTML5/CSS 
 
\t \t \t \t \t </li> 
 
\t \t \t \t \t <li> 
 
\t \t \t \t \t \t <strong>15</strong> Flex 
 
\t \t \t \t \t </li> 
 
\t \t \t \t \t <li> 
 
\t \t \t \t \t \t <strong>10</strong> Mobile App 
 
\t \t \t \t \t </li> 
 
\t \t \t \t \t <li> 
 
\t \t \t \t \t \t <strong>Live</strong> Demo 
 
\t \t \t \t \t </li>--> 
 
\t \t \t \t \t <li class="plan-action"> 
 
\t \t \t \t \t \t <a href="#" class="btn">Signup</a> 
 
\t \t \t \t \t </li> 
 
\t \t \t \t </ul> 
 
\t \t \t </div>

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