Hide HTMX search results after option is selected

I have a search bar I created using HTMX and django forms that displays results correctly. I have a javascript selectOption() function filling the search bar with whatever the selected option is, but I am having trouble with the search results not going away after I select an option. Can this be handled through javascipt?

Additionally, the search bar returns random results once I type something and then delete it, leaving it blank. Is there something I could fill into hx-trigger to fix this issue?

See htmx tags below

widget_attrs_nha_autosearch = {
    'class': 'form-control',
    'data-user-entry': 1,
    'disabled': value.get('read_only'),
    'hx-post': reverse('ng_django_pmp:nha-autosearch'),
    'hx-target': '#results',
    'hx-trigger': "keyup changed delay:500ms, search"
}

See search-results html below

{% if results %}
    <ul class="list-group col-xs-12">
        {% for part in results %}
            <li class="list-group-item d-flex justify-content-between align-items-center"
                onclick="selectOption('{{ part.manufacturer_part_number }}')">{{ part.manufacturer_part_number }}</li>
        {% endfor %}
    </ul>
{% else %}
    <p>No search results</p>
{% endif %}
<script defer>
function selectOption (partNumber) {
    const input = document.querySelector('#id_nha_override');
    input.value = partNumber;
    }