2015-10-24 2 views
0

Все остальное отображается правильно, я просто не могу получить новую сумму для заполнения, как только будет введен еще один код. Они просто отображаются бок о бок. Мне нужно только выяснить, как заставить его взять код, указанный в моем раскрывающемся списке, а затем объединить его с любыми новыми параметрами, которые я могу выбрать.Как суммировать 2 значения в javascript

<script> 
     function ChangeImage() { 
      document.getElementById("imgSweater").src = document.getElementById("selImage").value; 
     } 

     function myCart() { 
      var sweater = document.getElementById("selImage").value; 
      var quantity = document.getElementById("txtQty").value; 
      var tall = document.getElementById("chkTall").checked; 
      var Total; 
      var type; 
      var price; 

      switch (sweater) { 
       case "Cardigan": 
        price = parseInt(69.00 * quantity); 
        break; 
       case "Crew":     
        price = parseInt(29.50 * quantity); 
        break; 
       case "Zip-Front": 
        price = parseInt(39.50 * quantity); 
        break; 
       case "V-Neck": 
        price = parseInt(59.00 * quantity); 
        break; 
       default: 
        alert("Error"); 

      } 
      if (tall) { 
       price += 5; 
      } 
      if (Total) { 
       divTotal > 0 + divCart; 
      } 
      document.getElementById("divCart").innerHTML += quantity + " </nbsp> " + sweater + " " + "@" + " " + price + "<br />"; 
      document.getElementById("divTotal").innerHTML += quantity * parseFloat(price); 
      if (divTotal > 0) { 
       document.getElementById("divTotal").innerHTML + document.getElementById("divCart") + price + Total; 
      } 
     } 

     function myClear() { 
      document.getElementById("divTotal").innerHTML = ""; 
      document.getElementById("divCart").innerHTML = ""; 
      document.getElementById("txtQty").value = ""; 
     } 

    </script> 
</head> 
<body> 
    <h1>LL Bean Sweaters</h1> 

    <table class="auto-style1"> 
     <tr> 
      <td style="border-style: solid; border-width: thin"> 
       <select id="selImage" onchange="return ChangeImage()"> 
        <option value="Cardigan">Cardigan</option> 
        <option value="Crew">Crew</option> 
        <option value="Zip-Front">Zip-Front</option> 
        <option value="V-Neck">V-Neck</option> 
       </select></td> 
      <td style="border-style: solid; border-width: thin" rowspan="4"> 
       <img id="imgSweater" alt="" src="Cardigan.jpg" height="300px" /></td></tr> 

     <tr> 
      <td style="border-style: solid; border-width: thin">Quantity: 
       <input id="txtQty" type="text" /></td> 
     </tr> 
     <tr> 
      <td style="border-style: solid; border-width: thin"> 
       <input id="chkTall" type="checkbox" /> <label for="chkTall">Tall</label></td> 
     </tr> 
     <tr> 
      <td style="border-style: solid; border-width: thin"> 
       <input id="btnCart" type="button" value="Add to Cart" onclick="return myCart()" /></td> 
     </tr> 
     <tr> 
      <td style="border-style: solid; border-width: thin" colspan="2"> 
       <div id="divCart">$</div> 
      </td> 
     </tr> 
     <tr> 
      <td style="border-style: solid; border-width: thin">Total:</td> 
      <td style="border-style: solid; border-width: thin"> 
       <div id="divTotal">$ </div> 
      </td> 
     </tr> 
     <tr> 
      <td style="border-style: solid; border-width: thin">&nbsp;</td> 
      <td style="border-style: solid; border-width: thin"> 
       <input id="btnClear" type="button" value="Clear" onclick="return myClear()" /></td> 
     </tr> 
    </table> 

</body> 
</html> 

ответ

0

Это

 if (divTotal > 0) { 
      document.getElementById("divTotal").innerHTML + document.getElementById("divCart") + price + Total; 
     } 

Полагал быть это?

 if (divTotal > 0) { 
      document.getElementById("divTotal").innerHTML += document.getElementById("divCart").innerHTML + price + Total; 
     } 
+0

Это было мне хватаясь за соломинку несколько минут назад, я не был уверен, что делать в этой точке. Даже с изменением, я все еще получаю тот же результат – AWOL

+0

обновленный divTotal – allvideolectures

0
if (divTotal > 0) { 
     document.getElementById("divTotal").innerHTML + document.getElementById("divCart") + price + Total; 
    } 

Вы правильно добавления двух значений, но вам нужно назначить и к чему-то.
Как

if (divTotal > 0) { 
     var total=document.getElementById("divTotal").innerHTML + document.getElementById("divCart") + price + Total; 
    } 

попытка заменить DivTotal на

var insideDiv=document.getElementById(divTotal).innerHTML; 
var divt=parseInt(insideDiv); 
+0

Да, это просто выглядит как это после того, как я добавить два свитера $ 5929 Когда он должен сказать $ 88 – AWOL

+0

хммм ..... Возможно ли, что Я помещаю его в неправильное место? – AWOL

+0

DivTotal любая переменная u, определенная ранее? – allvideolectures

Смежные вопросы