2016-04-11 1 views
-1

да им возникли некоторые проблемы с этим, он не будет рассчитывать цены и я надеялся, что кто-то бы мог помочь мне, пожалуйстаJavascript общая стоимость калькулятор?

function calculatePrice(myForm){ 
 

 
    //Get selected data 
 
    var elt = document.getElementById("tickets1"); 
 
    var tickets1 = elt.options[elt.selectedIndex].value; 
 
    
 
    var elt = document.getElementById("tickets2"); 
 
    var tickets2 = elt.options[elt.selectedIndex].value; 
 
    
 
    //convert data to integers 
 
    tickets1 = parseInt(tickets1); 
 
    tickets2 = parseInt(tickets2); 
 
    
 
    //calculate total value 
 
    var total = tickets1 + tickets2; 
 
    
 
    //print value to PicExtPrice 
 
    document.getElementById("PicExtPrice").value=total; 
 
}
<!DOCTYPE html> 
 
<html> 
 
\t <head> 
 
\t <link rel="stylesheet" type="text/css" href="../CSS/stylepage.css"> 
 
\t <script type="text/javascript" src="../JS/prcecal.js"> 
 
\t </script> 
 
\t </head> 
 
\t <center> 
 
\t \t <body> 
 
\t \t \t <fieldset> 
 
\t \t \t <div id="box_1"> 
 
\t \t \t <center><h2>Order</h2></center> 
 
\t \t \t \t <form name="myForm"> 
 
\t \t \t \t \t Email: 
 
\t \t \t \t \t <br> 
 
\t \t \t \t \t <input type="email" name="email" id="email" required /> 
 
\t \t \t \t \t <br> 
 
\t \t \t \t \t <br> 
 
\t \t \t \t \t Date: 
 
\t \t \t \t \t <br> 
 
\t \t \t \t \t <input type="date" name="date" id="date" min="today" required /> 
 
\t \t \t \t \t <br> 
 
\t \t \t \t \t <br> 
 
\t \t \t \t \t <div id="dropdowns"> 
 
\t \t \t \t \t <SELECT NAME="Ticketsadults" onChange="calculatePrice()" id="tickets1"> 
 
\t \t \t \t \t <OPTION value="0">0</OPTION> 
 
\t \t \t \t \t <OPTION value="20">1</OPTION> 
 
\t \t \t \t \t <OPTION value="40">2</OPTION> 
 
\t \t \t \t \t <OPTION value="60">3</OPTION> 
 
\t \t \t \t \t <OPTION value="80">4</OPTION> 
 
\t \t \t \t \t </SELECT> 
 
\t \t \t \t \t <br> 
 
\t \t \t \t \t <SELECT NAME="Ticketskids" onChange="calculatePrice()" id="tickets2" > 
 
\t \t \t \t \t <OPTION value="0">0</OPTION> 
 
\t \t \t \t \t <OPTION value="20">1</OPTION> 
 
\t \t \t \t \t <OPTION value="40">2</OPTION> 
 
\t \t \t \t \t <OPTION value="60">3</OPTION> 
 
\t \t \t \t \t <OPTION value="80">4</OPTION> 
 
\t \t \t \t \t </SELECT> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t <br> 
 
\t \t \t \t \t <br> 
 
\t \t \t \t \t <br> 
 
\t \t \t \t \t <button type="button" onclick="calculatePrice()">Calculate</button> 
 
\t \t \t \t \t <INPUT type="text" id="PicExtPrice" Size=8> 
 
\t \t \t \t \t </form> 
 
\t \t \t </center> 
 
\t \t </div> 
 
\t </fieldset> 
 
\t </body> 
 
</html> 
 
\t

Ive пытался изменить его вокруг и прочее, но это еще привычка calcualte два выберите спады падение

+1

Консоль браузера буквально сообщает вам точную ошибку. Вы никогда не определяли переменные 'tick1' или' tick2'. – David

+0

Откройте окно отладки браузеров (F12). –

+0

Suman Lama, вы не помогаете – Simbeazy

ответ

0

Вы положили parseInt(tick1) и parseInt(tick2) вместо parseInt(tickets1) и parseInt(tickets2).

Также вы поставили tick1 + tick2 вместо tickets1 + tickets2.

+2

Тогда как насчет 'parseInt'? –

+0

@RajaprabhuAravindasamy Спасибо, теперь это исправлено. – 4castle

+0

да, это все еще не работает – Simbeazy