Laravel AlpineJs选择框绑定文本而不是值

我想将select选项的文本绑定到span的文本。 我想显示选择框的文本，而不是值

<div class="w-full flex" x-data="{category:0}">
        <div class="relative w-auto" >
                 <span x-text="category"></span>
        </div>
        <select id="category" class="cursor-pointer" x-ref="category" x-model="category">
             <option value=0 selected="selected">One</option>
             <option value=1>Two</option>
             <option value=2>Three</option>
       </select>
</div>

一个
两个
三

现在，当我选择选项时，范围显示为-0、1、2

我想显示“一”、“二”、“三”，它们是选择选项的文本

---

我怎样才能做到这一点？

您只需在这之后为您的

选择添加一个参考
您可以访问
选项
集合

您可以通过从
selectedIndex
属性获取所选索引来访问所选索引



一
二
三
Hi@Joseph，谢谢你的回答。我知道它应该有用。但关键是我在选择框中有50多个选项。因此很难在数组中列出它们。我想可能还有另一个解决办法<代码>

我们可以提取这个数据textvalue？再次检查答案我找到了一个解决方案it@GlobalKnowledge还有另一个更新查看

selectedIndex

非常感谢@Joseph我还能得到选项的值吗？事实上，我也在用Livewire来处理这个问题。我需要将该值提交给livewire，当然是保存在

category

变量中的值