Проблема отображения вычисляемого значения в поле django formsets с помощью javascript

Я пытаюсь вычислить общую стоимость, используя количество и ставку. Как только пользователь вводит его в поле и показывает его в поле суммы.

Поле исчезает после ввода значения вместо того, чтобы показать вычисленное значение, и в консоли появляется это сообщение:

Пустая строка, переданная в getElementById()

 <script>
    $(document).ready(function () {
        $("#additemsbutton").on('click', function (event) {
            $("#itemadd").val("true");
        });
    });
    
    $(document).ready(function () {
    $("#itemqty").on('keyup',function(){
        var itemquantity = parseFloat($(this).val());
        var itemrate = parseFloat($("#itemrate").val());
        $("#itemamount").html(parseFloat(itemquantity * itemrate));
       });
    $("#itemrate").on('keyup',function(){
        var itemquantity =parseFloat($("#itemqty").val());
        var itemrate =parseFloat($(this).val());
        $("#itemamount").html(parseFloat(itemquantity * itemrate));
       });
    });
</script>

views.py

def invoice(request):
extra_forms = 1
ItemFormSet = formset_factory(ItemForm, extra=extra_forms)
if request.method == 'POST':
    customerform = CustomerForm(request.POST)
    calform = CalculateForm(request.POST)     
    if 'itemadd' in request.POST and request.POST['itemadd'] == 'true':
        formset_dictionary_copy = request.POST.copy()
        formset_dictionary_copy['form-TOTAL_FORMS'] = int(
            formset_dictionary_copy['form-TOTAL_FORMS']) + extra_forms
        itemform = ItemFormSet(formset_dictionary_copy)       
    else:
        itemform = ItemFormSet(request.POST)
        if itemform.is_valid() & customerform.is_valid() & calform.is_valid():
            return HttpResponse('/thankyou')
else:
    customerform = CustomerForm()
    itemform = ItemFormSet()
    calform = CalculateForm()
return render(request, 'accounting/invoice.html', {'form': customerform, 'iform': itemform, 'calform': calform})

Вернуться на верх