htmx - 如何拥有嵌套的选择下拉菜单，为主列表和 htmx 的依赖列表获取不同的内容？

Question

维护人员要求在此处重新发布

问题

在https://htmx.org/examples/value-select/

我可以make说它直接在 html 中，当它发生变化时，会调用 hx-get 来获取新的模型列表。

如果我想让 themake和modelall 都依赖 ajax 怎么办？

想说的意思

            <select name="makes" id="makes" hx-get="/makes" hx-trigger="load">
                <option value="none">original</option>
            </select>
            <select name="models" id="models">
                <option value="none">original</option>
            </select>

我希望能够从/makes加载中获取获取选项列表

然后不知何故我也可以填充依赖模型。

我不介意将其作为两个请求进行。原因是在我的情况下makes也依赖于第 3 方 API

Answer 1

我希望我明白你想要什么，但这样的事情应该有效：

     <select name="makes" id="makes" hx-get="/makes" hx-trigger="load">
       <option value="none">original</option>
    </select>
    <select name="models" id="models"
            hx-get="/models" 
            hx-trigger="changed from:#makes"
            hx-include="#makes">
      <option value="none">original</option>
    </select>

因此，您将触发器添加到第二个下拉列表中，该触发器侦听下拉列表中的changed事件#makes，然后触发对/modelsURL 的请求，包括#makes下拉列表的值，以便您知道要返回哪些模型。

这看起来像你想要的吗？