如何自动选择特定选项

时间:2013-03-02 23:22:42

标签: javascript converter currency shopify

我的网站使用货币转换器(shopify),即使我的商店接受GBP我想自动选择货币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>

如何自动选择美元显示?

1 个答案:

答案 0 :(得分:0)

您可以使用以下javascript轻松完成此操作:

http://jsfiddle.net/83wHb/

基本上你想运行一个脚本onload,它将货币的值设置为USD。

理想情况下,您希望运行脚本onload,或者在呈现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>