Автоматическая отправка значения по щелчку в форму с помощью Javascript/Java в форме Django

Я работаю над веб-приложением, используя Django/Python/Javascript/Java. В центре внимания находится карта США. Пользователь должен иметь возможность нажать на регион, и значение этого региона должно автоматически запрашивать базу данных и возвращать определенную информацию. В настоящее время мой код создает const под названием regionName, и значение regionName автоматически передается в качестве ввода в строку поиска; однако отсюда пользователь должен вручную нажать кнопку 'search', чтобы отправить форму и запросить базу данных. Как показано ниже:

  onRegionClick: function(event, code){
            console.log('event', event, 'code', code);
            const regionName = map.getRegionName(code);
            console.log('regionName', regionName);
            $("#selection").val(regionName);
  
        },

      });

Что я пытаюсь сделать с помощью кода, так это автоматически передать значение regionName после того, как оно будет передано в строку поиска. До сих пор попытки были похожи на приведенный ниже код.

$("#selection") - форма

$("#q") - название кнопки

 $("#selection").on('change', function(){
                if ($("#selection").val() === regionName ) {
                  $("#q").click();
                }
              }); 

Это не приводит к ошибкам, но и не дает никаких результатов.

Я пробовал различные замены по аналогичному принципу, такие как:

.on('input') вместо 'change' .submit() вместо .click()

У меня также есть метод .autocomplete(), который я использую. Я не уверен, вызывает ли это конфликт.

<script type="text/javascript">
            $(function () {
              var states = [
                {% for states in states %}

                " {{states.state}} ",

                {% endfor %}

              ];

              $("#selection").autocomplete({
                  source: states
              }); 

            });

          </script>

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