jquery - jQuery 有 1 个选择框模仿第二个选择框

Question

我有 2 个选择框，一个隐藏，一个可见。我需要让隐藏的选择框模仿第二个可见选择框的变化。它们是相同的（除了一些 Alpine JS 属性）。因此，如果我要选择可见选择框的第三个选项，隐藏选择框也应该选择第三个选项。

<select id="product-select" name="id" hidden>
  {% for variant in product.variants %}
    <option value="{{ variant.id }}">{{ variant.price | money}}</option>
  {% endfor %}
</select>
<select x-model="variant_value" id="dummy-product-select">
  {% for variant in product.variants %}
    <option value="{{ variant.price }}">{{ variant.price | money}}</option>
  {% endfor %}
</select>