我想知道如何从select组件获取api并绑定值。每个选项都有自己的名称和到fecth的url数据。
下面是示例代码

<div x-data="{ citationStyle: '' }">
     <select x-model="color">
       {foreach from=$citationStyles item="citationStyle"}
          <option data-api="{$citationStyle.apiUrl}">
             {$citationStyle.title|escape}
          </option>
       {/foreach}       
     </select>
     <div class="pt-4">
       <div x-text="citationStyle">
         <!-- the data api result here -->
       </div>
     </div>
</div>

这里最困难的部分是如何让alpine从每个 $citationStyle.apiUrl