Question

我输入的值补充了javascript中的变量。但是此变量已更改，即动态值被减去或加了。

因此输入中的此值也将更改，但刷新页面后仅。

我希望在更改变量js中的值的同时也动态更改输入中的值。

<input id="kwota2" type="text" name="kwota2" disabled>

<script>
    document.getElementById("kwota2").value = localStorage.getItem('sumalist');
</script>

span .deleteitembasket更改了js变量的值，该变量传递给输入。

我想出了一种使用该函数的方法，该函数每次按下deleteitembasket都会覆盖输入中的值，但是我不知道如何创建它，因为我是新手程序员。请帮忙。

 $(document).on('click', '.deleteitembasket', function () {
    var nazwa = $(this).closest('.produkt').find('.nazwa').text();
    var cena = $(this).closest('.produkt').find('.cenaprzedmiotu').text();

    var suma = 0;
    var id = $(this).closest('.produkt').attr("id");
    var li = "<li data="+id+" class='produkt_w_koszyku'><b>" + nazwa + "</b> <span class='cena_w_koszyku'>" + cena + " zł</span><span style='float: right; margin-right: 30px;' class='deleteitembasket'><i class=\"fas fa-times\"></i></span></li>";

    var $ul = $(this).parents('ul');
    $(this).closest("li").remove();
    localStorage.setItem('itemlist', $ul.html());

    $("#koszyk .cena_w_koszyku").each(function () {
        suma += parseFloat($(this).text());
    });

    $("#cena span").text(suma.toFixed(2));
    localStorage.setItem('sumalist', suma.toFixed(2));
});

Answer 1

您可以使用jQuery方法.val()动态更改输入值，这是一个示例：

$('#kwota2').val('Test');
$('.deleteitembasket').click(function() {
	$('#kwota2').val('');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="kwota2" type="text" name="kwota2" disabled>
<span class="deleteitembasket">Delete</span>

动态更改输入值（javascript）

1 个答案: