如何修改Shopify locale selector表单实现下拉选择后自动提交

实现方案 #

你只需要做两处简单修改即可满足需求，修改后的完整代码如下：

{% form 'localization' %}
  <select name="country_code" onchange="this.form.submit()">
  {% for country in localization.available_countries %}
    <option value="{{ country.iso_code }}"
      {%- if country == localization.country %} selected="selected"{% endif %}
    >
      {{ country.name }} ({{ country.iso_code }}) - {{ country.currency.symbol }}
    </option>
  {% endfor %}
  </select>
{% endform %}

修改说明 #

• 给<select>标签添加onchange="this.form.submit()"属性：当下拉框的选中项发生变化时，会自动触发所属表单的提交动作，无需用户手动点击提交按钮
• 直接删除了原代码中的提交按钮<input type="submit" value="Update">，完全移除了按钮展示

内容的提问来源于stack exchange，提问作者user3381217