Check whether issue report field 2 is cleared before next properties are tried to be accesed

CHANGELOG.rst

@@ -6,6 +6,14 @@ All notable changes to this project will be documented in this file.
 The format is based on `Keep a Changelog`_,
 and this project adheres to `Semantic Versioning`_.
 
+Unreleased
+----------
+
+Fixed
+~~~~~
+
+* get_next_properties() is erroneously called when an issue report dropdown gets cleared
+
 `2.0`_ - 2021-10-30
 -------------------
 

aleksis/apps/hjelp/templates/hjelp/issue_report.html

@@ -98,11 +98,10 @@
             $(id).disabled = true;
         }
         $.fn.setNextProperties = function (field_id, next_field_id, next_field_name) {
-            var id = $('#' + field_id).find(':selected').val();
             $.ajax({
                 url: '{% url "issues_get_next_properties" %}',
                 data: {
-                    'id': id
+                    'id': field_id
                 },
                 dataType: 'json',
                 success: function (data) {
@@ -123,13 +122,18 @@
             });
         }
         $("#{{ form.category_1.auto_id }}").on('input', function() {
-            $.fn.setNextProperties(this.id, "#{{ form.category_2.auto_id }}", "bug_category_2")
+            $.fn.setNextProperties($('#' + this.id).find(':selected').val(), "#{{ form.category_2.auto_id }}", "bug_category_2")
             if ($("#{{ form.category_3.auto_id }}").is(':visible')) {
                 $.fn.hideAndDisable("#{{ form.category_3.auto_id }}")
             }
         });
         $("#{{ form.category_2.auto_id }}").on('input', function() {
-            $.fn.setNextProperties(this.id, "#{{ form.category_3.auto_id }}", "bug_category_3")
+            let id = $('#' + this.id).find(':selected').val();
+            if (id !== "") {
+                $.fn.setNextProperties(id, "#{{ form.category_3.auto_id }}", "bug_category_3");
+            } else if ($("#{{ form.category_3.auto_id }}").is(':visible')) {
+                $.fn.hideAndDisable("#{{ form.category_3.auto_id }}")
+            }
         });
     </script>