Изменение входного значения, используемого в разных функциях. Django

Итак, у меня есть поле ввода, и я использую это поле ввода для сохранения и редактирования данных. В принципе, я использую одну и ту же форму для сохранения и редактирования в базе данных.

В моей форме.html у меня есть этот ввод.

  <label for="bar-title">Chart Title: </label>

  <input
    class="bg-white border shadow rounded w-96"
    type="text"
    id="bar-title"
    name="bar-title"
  />

в моем save.html, функция save.

function saveBarChart() {
    data = {};
    data.title = $("#bar-title").val();
     $.ajax({
            url: '{% url "url" %}',
            type: "POST",
            data: {
              id: id,
              csrfmiddlewaretoken: "{{ csrf_token }}",
              chart_data: JSON.stringify(data),
            },
          })
            .done(function (response) {
              console.log(response); //once send I will save the input value to database//
            })
            .fail(function (error) {
              if (error) notify(error);
            });
}

в моем edit.html. Я пытался установить значение поля ввода, используя данные из базы данных. Но если я пытаюсь изменить значение поля ввода, ничего не меняется.

function setFormsValue(id) {
    $.ajax({
      type: "GET",
      url: `{% url 'get_data'  %}${id}`,
    }).done(function (response) {
             $(".update-barchart-wrapper input[name=bar-title]").val(response.name.title);
    });
  }

Когда я пытаюсь изменить значение, вводя некоторые данные в поле ввода, ничего не меняется. После отправки значение поля ввода остается тем же, что и в базе данных, даже если я его отредактировал.

function editChartForm() {
var chartsRow = {};
chartsRow.title = $("#bar-title]").val();
console.log(chartsRow) 
}

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