javascript alpine.js选择/选项初始化值

camsedfj 于 2022-11-27 发布在 Java

关注(0)|答案(1)|浏览(111)

我有以下选择/选项输入

<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>

<div x-data="{ selected_id: 1, options: [{label: 'Foo', id: 0}, {label: 'Bar', id: 1}] }">
  <select x-model="selected_id">
    <template x-for="option in options">
      <option :value="option.id" x-text="option.label"></option>
    </template>
  </select>
  <div x-text="selected_id"></div>
</div>

初始选择的值是Foo，但I将select_id指定为1，其对应于Bar。
如何根据selected_id的值设置初始选择值？

JavaScript

来源：https://stackoverflow.com/questions/74586077/alpine-js-select-option-init-value

1条答案

按热度按时间

q3qa4bjr1#

找到了解决办法：https://github.com/alpinejs/alpine/issues/495

<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>

<div x-data="{ selected_id: 1, options: [{label: 'Foo', id: 0}, {label: 'Bar', id: 1}] }">
  <select x-model="selected_id">
    <template x-for="option in options">
      <option :value="option.id" x-text="option.label" :selected="option.id == selected_id"></option>
    </template>
  </select>
  <div x-text="selected_id"></div>
</div>

赞(0）回复(0）举报 2022-11-27

我来回答

javascript alpine.js选择/选项初始化值

1条答案

相关问题

热门标签

最新问答