Clear exercise select dropdown when clear search is clicked

This commit is contained in:
Peter Stockings
2024-11-10 18:01:30 +11:00
parent 16cd4e93e3
commit 5db18cbf18

View File

@@ -4,7 +4,11 @@
id="exercise-search" type="search" name="query" placeholder="Search exercises..." 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-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 %} 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 --> <!-- Dropdown Menu -->
<div id="exercise-results" class="absolute w-full bg-white mt-1 rounded shadow-md z-10"> <div id="exercise-results" class="absolute w-full bg-white mt-1 rounded shadow-md z-10">