动态输入隐藏字段消失

时间:2017-01-24 13:05:29

标签: jquery html css arrays css3

我一直试图用整数来加倍价格并尝试将其保存在隐藏字段中,这将从隐藏字段中获取值然后再次多次但隐藏字段在第二次单击后消失,这是我的代码。< / p>

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,其他代码是下面的HTML

@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>
                    }
                }

我是否使用隐藏或使用样式来隐藏第二次点击后的输入当我在chrome中使用F12时隐藏输入。 var price在第二个显示为NaN时为空,但首先显示值。

1 个答案:

答案 0 :(得分:0)

问题出现在$("#priceID" + y).text(MultiplyPrice);的{​​{1}}行。

它会删除AddDeductPrice()内的input

改为使用如下:

<td id="priceID@(i)"></td>