hx-select attribute allows you to select the content you want swapped from a response. The value of
this attribute is a CSS query selector of the element or elements to select from the response.
Here is an example that selects a subset of the response content:
<div> <button hx-get="/info" hx-select="#info-details" hx-swap="outerHTML"> Get Info! </button> </div>
So this button will issue a
/info and then select the element with the id
which will replace the entire button in the DOM.
hx-selectis inherited and can be placed on a parent element