Шаблоны Django: Как я могу сравнить две строки в javascript

Я хочу сравнить две строки, одна из которых должна быть выбрана пользователем из выпадающего списка (используя django-widget-tweaks) :

вот поле кода в моем шаблоне:

html

<p >{{ form.category_column.label_tag }}</p>
<p id="category_column_id">{% render_field form.category_column  autocomplete="off" hx-get="/sizescolumn/" hx-target="#id_sizes_column" %}</p>

код javascript:

    <script>
          var btn = document.getElementById("clickMe");
          
          btn.addEventListener("click", alertMe);
          
          function alertMe(){
             var select = document.getElementById('category_column_id').value;
             if(select === "Flate" ){
                div.style.opacity = "1";
                div.querySelector('p').innerText = 'You can not choose Flate category in column';
                setTimeout(function(){ div.style.opacity = "0"; }, 6000);
                event.defaultPrevented();
             }else {
                div.style.opacity = "0";
             }
          }
</script>

----->но этот код не работает, не отображается сообщение, если выбранное значение "Flate".

любая помощь, пожалуйста

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