Добавление кнопки плюс минус в форму с помощью POST и scrf_tocken

С помощью Django я формирую список элементов, с указанием их количества. Чтобы было удобнее, я хотел бы добавить кнопки плюс и минус.

Я нашел простое решение, но когда я пытаюсь поместить это в свою форму методом POST, если нажать кнопку обновления страницы или POST

Я не хочу обновлять страницу каждый раз, у меня есть кнопка validate и все значение будет обработано за один раз.

 <form class"form-inline" action="{% url 'stock:stock' %}"method="post" >{% csrf_token %}
   {% for stock in stocks %}
     <div>
      <button id="minusButton">-</button>
      <input type="number" name="stock" id="stock" value="{{stock.stock}}" >
      <button id="plusButton">+</button>
     </div>
   {% endfor %}
</form>

<script>
  textInput = document.querySelector('#numberInput');
  plusButton = document.querySelector('#plusButton');
  minusButton = document.querySelector('#minusButton');
  plusButton.onclick = () => textInput.value = parseInt(textInput.value) + 1;
  minusButton.onclick = () => textInput.value = parseInt(textInput.value) - 1;  
</script>

Если кто-нибудь знает, как управлять?

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