動的入力隠しフィールドが消えます

Question

私は整数を使って複数の値を入力しようとしていましたが、隠しフィールドに保存しようとしましたが、隠しフィールドから値を取得して再び複数回返します。下の私のコード。

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と他のコードは、私は2番目、それは私がF12を使用した入力を隠す]をクリックした後、入力を隠すために隠された、または使用スタイルを使用するかどうかを

@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="qty@(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="priceID@(i)"><input type="text" value="@item.price" id="PID@(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> 
        } 
       } 

下記のHTMLですクロム中。 var値はNaNを示す2番目の値は空ですが、最初は値を示します。

Answer 1

ここでの問題は$("#priceID" + y).text(MultiplyPrice);ラインのAddDeductPrice()です。

<td id="priceID@(i)"></td>の中のinputが削除されます。

代わりに以下のように使用します。

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