代码之家 › 专栏 › 技术社区 › Kim Stacks

如何使嵌套的select下拉列表对htmx的主列表和从属列表的获取方式不同?

htmx

0

Kim Stacks · 技术社区 · 5 年前

requested 由维护人员在此处重新发布

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

我看得出 make 直接在html中,当它更改时,调用hx get来获取新的模型列表。

如果我两个都要呢 制作 model 都依赖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 加载以获取make选项列表

我不介意按两个要求做。原因是在我的情况下 makes 也依赖于第三方API

1 回复 | 直到 5 年前

1

1cg 5 年前

我希望我能理解你想要什么,但这样的办法应该行得通:

     <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 下拉列表,然后向 /models #制造 下拉列表,以便知道要返回的模型。