Clear exercise select dropdown when clear search is clicked

templates/partials/exercise/exercise_select.html

@@ -4,7 +4,11 @@
         id="exercise-search" type="search" name="query" placeholder="Search exercises..."
         hx-get="{{ url_for('get_exercises', person_id=person_id) }}" hx-target="#exercise-results"
         hx-trigger="keyup changed delay:500ms" hx-swap="innerHTML" autocomplete="off" {% if has_value==True %}
-        value="{{ exercise_name }}" {% endif %}>
+        value="{{ exercise_name }}" {% endif %} _="
+            on input
+                if this.value is empty
+                    set the innerHTML of #exercise-results to ''
+        ">
 
     <!-- Dropdown Menu -->
     <div id="exercise-results" class="absolute w-full bg-white  mt-1 rounded shadow-md z-10">