2017-01-24 235 views
0

我一直在嘗試多個價格與整數,並試圖將其保存在隱藏的領域,將從隱藏的領域得到的價值,然後再次多次,但隱藏的領域消失後,第二次點擊這裏是我的代碼如下。動態輸入隱藏字段消失

function AddDeductPrice(x,y) 
    { 

     var z = $("#qty" + y).val(); 
     if (z > 0) { 
      if (x == 0) { 
       //i++; 
       var l = document.getElementById('qty' + y).value; 
       l++; 
       $("#qty" + y).val(l); 

       var j = document.getElementById('qty' + y).value; 

       //var price = document.getElementById('PID' + y).value; 
       var price = $("#PID" + y).val(); 
       alert(price); 

       var MultiplyPrice = parseInt(j) * parseInt(price); 

       alert(MultiplyPrice); 

       $("#PID" + y).val(MultiplyPrice); 
       //document.getElementById('PID' + y).value = MultiplyPrice; 
       $("#priceID" + y).text(MultiplyPrice); 

      } 
      else { 
       var y = $("#qty").val(); 
       if (z != 1) { 
        y--; 
        $("#qty").val(y); 
       } 
      } 
     } 
    } 

這是JavaScript和jQuery和其他代碼如下

@if (Model.objlist1.Count > 0) 
       { 
        int i = 0; 
        foreach (var item in Model.objlist1) 
        { 
         i++; 
         <tr> 
          <td><img src="~/imgProd/@item.image1" class="img-responsive img-rounded img-thumbnail"></td> 
          <td> 
           <h6>@item.product</h6> 
           <p>Gift options also available.</p> 
          </td> 
          <td><span>By @item.deliverydate</span></td> 
          <td> 
           <input type="text" name="qty" id="[email protected](i)" maxlength="12" value="1" title="Qty" class="input-text qty form-control" disabled> 
           <div><p class="up" id="upid" onclick="AddDeductPrice(0, '@(i)');">+</p><p class="dn" id="dwnid" onclick="AddDeductPrice(1, '@(i)');">-</p></div> 
          </td> 
          <td id="[email protected](i)"><input type="text" value="@item.price" id="[email protected](i)" style="visibility:hidden">₹ @item.price</td> 
          <td> <i class="fa fa-close span03"></i></td> 
          <td><a href=""><i class="fa fa-heart"></i> Move to Wishlist</a></td> 
         </tr> 
        } 
       } 

我是否使用隱藏或使用樣式隱藏輸入後,第二次點擊它隱藏當我使用F12輸入端的HTML在鉻。 第二個顯示NaN但第一個顯示值的價格是空的。

+0

你可以做一個小提琴? –

回答

0

這裏的問題在於$("#priceID" + y).text(MultiplyPrice);AddDeductPrice()

它將刪除<td id="[email protected](i)"></td>內部的input

而是使用如下:

$("#priceID" + y).html($("#priceID" + y).html().replace($("#priceID" + y).text(), MultiplyPrice)); 
+1

謝謝你解決了我的問題。 – rinki