2016-04-11 6 views
-1

ええこれでいくつかの問題を抱えてイム、それは文句を言わない価格を計算し、私はいくつかのいずれかを期待していたがJavascript総額calclator?

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

私を助けてくださいことができますアイブ氏は周りにそれとものを変更しようとしたが、それはまだ文句を言いません2つのドロップダウンを計算します

+1

ブラウザコンソールは文字どおり正確なエラーを伝えています。変数 'tick1'や' tick2'は決して定義しませんでした。 – David

+0

ブラウザのデバッグウィンドウ(F12)を開きます。 –

+0

スマンラマ、助けなし – Simbeazy

答えて

0

parseInt(tickets1)parseInt(tickets2)の代わりにparseInt(tick1)parseInt(tick2)を入力します。

また、tickets1 + tickets2の代わりにtick1 + tick2を入力します。

+2

次に 'parseInt'部分はどうですか? –

+0

@RajaprabhuAravindasamyありがとう、それは今修正されました。 – 4castle

+0

ええ、まだ動作していない – Simbeazy

関連する問題