产品选件标签未根据选择更改值

Question

在使用下拉选项时，我们试图更改标签值以匹配所选选项。但是仅显示第一个选择的选项。在选项之间切换时，我们希望大小值可以动态更改。

                {%- for option in product.options_with_values -%}
                <div class="selector-wrapper{{- " " -}}{{- option.name | handlezie -}}{{- " " -}}variation-select-{{ section.id }}-{{ forloop.index0 }}">
                  <label {% if option.name == 'default' %} class="hide"{% endif %} for="single-option-selector-{{ forloop.index0 }}">{{- option.name -}}<span class="option-select-value" id="option-select-value-{{ section.id }}-{{ forloop.index0 }}" data-option="option{{ forloop.index }}">{{- option.selected_value -}}</span></label>
                  <select id="single-option-selector-{{ section.id }}-{{ forloop.index0 }}" class="single-option-selector single-option-selector-{{ section.id }} mx-0 mbt-10" data-index="option{{ forloop.index }}" data-option="option{{ forloop.index }}">
                    {%- for value in option.values -%}
                    <option value="{{ value | escape }}"{% if option.selected_value == value %} selected="selected"{% endif %}>{{ value }}</option>
                    {%- endfor -%}
                  </select>
                </div>
                {%- endfor -%}