htmx

Ugly, but maybe wrap the button in a container with the hx-vals attribute?

Even uglier, add a hidden input within the button.

Originally plain form (hx-boost). I've tried adding hx-post but same result.

```html
   <form hx-swap="outerHTML" >
      <button type="submit" hx-post="/htmx/button.html" >
        Send
        <input type="hidden" name="foo" value="var" /> 
      </button>
  </form>
```

This works for me

Moved hx-post to the form and it also works

so with three buttons, only the hidden value of the selected button will be sent?

Can you change the buttons to links role="button"?

Not sure that will help either, because any values on the form will be posted.

My current workaround is just use hx-disable to exit htmx

That makes sense. Sorry don't have any other workarounds.

does htmx do "new FormData(formElement) "?

Last idea. You could try using a type="radio" input within each button and hide it with CSS and use the same name for each radio input.

Might work. I'd be concerned about having a workaround like that in the code (accessibility issues)

This works on my end with the hx-post on the buttons

https://developer.mozilla.org/en-US/docs/Web/API/SubmitEvent/submitter

check if submitter & append to the formdata

"which button was clicked" has been a perennial issue

as far as I can tell, we don't have a good solution to it yet

& works well enough (albeit not with IE11, but it can be checked and ignored here)