and this is my view which updates the two dependent chained dropdowns:

def company_project_client(request):
    company_pk = request.GET.get("main-company")
    project_qs = Project.objects.filter(company=company_pk)
    clientprofile_qs = ClientProfile.objects.filter(company=company_pk)
    context = {
        "project_qs": project_qs,
        "clientprofile_qs": clientprofile_qs,
    }
    return render(request, "orders/company_project_client.html", context)

and this is my template

<div id="id_main-project-client" class="form-group col-md-2">
    <div class="form-group">
        <label for="">Proyecto</label>
        <select name="main-project" class="form-control" id="id_main-project">
            <option value>---------</option>
            {% for project in project_qs %}
            <option value="{{ project.pk }}">{{ project.name|safe }}</option>
            {% endfor %}
        </select>
    </div>
    <div class="form-group">
        <label for="">Cliente</label>
        <select name="main-client" class="form-control" id="id_main-client">
            <option value>---------</option>
            {% for clientprofile in clientprofile_qs %}
            <option value="{{ clientprofile.pk }}">DNI:{{ clientprofile.user.dni|safe }} {{ clientprofile.user.first_name|title|safe }} {{ clientprofile.user.last_name|title|safe }}</option>
            {% endfor %}
        </select>
    </div>
</div>

the error is

dict_values([['Select a valid choice. That choice is not one of the available choices.'], ['Select a valid choice. That choice is not one of the available choices.']])

I am building a job board and would like to filter jobs by employment type (full time, part time, internship) and employer type (government, company, NGO) at the same time. I had employer type working with hg-get and a view that filters based on a slug. How would you filter that if you just wanted to click buttons, i.e. you click full time and you see all full time jobs, then you click government and you see all full time government jobs. How can I keep the full time filter "active" when I get all government jobs? Further, it would be great to activate multiple filters, i.e. government and NGO jobs etc. I am using htmx and alpinejs but am a beginner and would appreciate any help pointing me in the right direction.

You would include the filter buttons in the response, so the server would receive the list of filters, and respond with the table + the buttons where the active buttons are checked

That sounds like a good way to do it. How would I send the list of filters to the server? With a form (checkboxes) or is there something simpler or can I send multiple slugs (as I have unique slugs for the categories)?

Checkboxes are the best way I can think of, hide the checkbox itself and make the label look like a button with CSS

Ok thats what I tried so far, e.g. building a form in my template like that. Do I then need to post the form or how do I link this so that the server knows what to filter?

You would post the form, yes. Use

hx-trigger=change

Change events from the checkboxes will bubble up to the form.

Ok I am getting something like this when I print(request) and print every item in request: b'vollzeit=on&praktikum=on' // which means: full time=on and internship=on How do I access this in my view?

Google " access form data"

Thats where I am a bit lost. I have built the form in the template so that I can style it easier with Tailwind CSS.... The names of the input fields correspond to the slugs that I would like to filter on. Would I need to build it in forms.py first?

You need to pass the slugs to your view

From your controller

These are just four slugs for each filter (employment type and employer type). So I cannot just send them from the template to a view function?

Someone that actually knows Django needs to answer that

Ok, I will keep researching until then. Thank you so much for your help, @User ! It helped a lot finding/verifying what I need to achieve!

spotted this today if it's of any use to anyone here github.com/saleor/saleor

Hi everyone, not sure if you are aware but the site https://htmx-django.com/ is facing a Heroku application error

This is still happening

I've got an element below making a get request on load and on custom event

<div id="bookings"
     hx-trigger="load, bookingsChanged from:body"
     hx-get="{% url 'upcoming_bookings' %}"
     hx-target="this">
</div>

And every time it triggers

undefined

is added to the get request like so:

"GET /dashboard/bookings/upcoming/?undefined=undefined HTTP/1.1" 200 7408

What's that and how do I get rid of it?

try hx-params='none'

I am wondering if you have a form field under the div?

* is the default so for some reason htmx must think you have something under it

that div is not a part of form and there are no other form fields around it. Tried adding

hx-params='none'

but it's still the same 🤔

if you added hx-params='none' and it's still there then it's either a bug or outside of htmx

I would double check your global JS and then try to make a demo (https://htmx.org/docs/#creating-demos)