javascript - 如何自动选择特定选项

我的网站使用货币转换器（shopify），即使我的商店接受GBP，我也要自动选择货币USD，以便在进入网站时将价格转换为USD

以下是我的货币转换器代码

<label for="currencies">Currency converter </label>
<select id="currencies" name="currencies">
  {% capture codes     %},USD,EUR,GBP,CAD,ARS,AUD,BBD,BDT,BSD,BHD,BRL,BOB,BND,BGN,MMK,KYD,CLP,CNY,COP,CRC,HRK,CZK,DKK    ,DOP,XCD,EGP,XPF,FJD,GHS,GTQ,GYD,GEL,HKD,HUF,ISK,INR,IDR,NIS,JMD,JPY,JOD,KZT,KES,KWD,LVL,LTL,M    XN,MYR,MUR,MDL,MAD,MNT,MZN,ANG,NZD,NGN,NOK,OMR,PKR,PYG,PEN,PHP,PLN,QAR,RON,RUB,SAR,RSD,SCR,SGD    ,SYP,ZAR,KRW,LKR,SEK,CHF,TWD,THB,TZS,TTD,TRY,UAH,AED,UYU,VEB,VND,ZMK,{% endcapture %}
  {% assign supported_codes = settings.supported_currencies | split: ' ' %}
  <option value="{{ shop.currency }}" selected="selected">{{ shop.currency }}</option>
  {% for code in supported_codes %}
    {% if code != shop.currency and codes contains code %}
   <option value="{{ code }}">{{ code }}</option>
    {% endif %}
  {% endfor %}
</select>

如何自动选择要显示的美元？

最佳答案

您可以使用javascript这样轻松地做到这一点：

http://jsfiddle.net/83wHb/

基本上，您想运行脚本加载，将货币值设置为USD。

理想情况下，您希望在加载时或在呈现select元素之后立即运行脚本。

<script>
document.getElementById('currencies').value = "USD";
//console.log('current value selected: ' + document.getElementById('currencies').value);
</script>

另外（可能更好），您可以在服务器端执行以下操作：

<label for="currencies">Currency converter </label>
<select id="currencies" name="currencies">
    {% capture codes %},USD,EUR,GBP,CAD,ARS,AUD,BBD,BDT,BSD,BHD,BRL,BOB,BND,BGN,MMK,KYD,CLP,CNY,COP,CRC,HRK,CZK,DKK    ,DOP,XCD,EGP,XPF,FJD,GHS,GTQ,GYD,GEL,HKD,HUF,ISK,INR,IDR,NIS,JMD,JPY,JOD,KZT,KES,KWD,LVL,LTL,M    XN,MYR,MUR,MDL,MAD,MNT,MZN,ANG,NZD,NGN,NOK,OMR,PKR,PYG,PEN,PHP,PLN,QAR,RON,RUB,SAR,RSD,SCR,SGD    ,SYP,ZAR,KRW,LKR,SEK,CHF,TWD,THB,TZS,TTD,TRY,UAH,AED,UYU,VEB,VND,ZMK,{% endcapture %}
      {% assign supported_codes = settings.supported_currencies | split: ' ' %}
      <option value="{{ shop.currency }}" >{{ shop.currency }}</option>
      {% for code in supported_codes %}
        {% if code != shop.currency and codes contains code %}
           {% if code == 'USD' %}
              <option value="{{ code }}" selected="selected"> {{ code }}</option>
           {% else %}
              <option value="{{ code }}">{{ code }}</option>
           {% endif %}
         {% endif %}
      {% endfor %}
</select>

关于javascript - 如何自动选择特定选项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15180601/