Internet explorer is not binding inside <select> tag

[ronybarbosa]

Hi Guys,

I am having the following issue:

I am trying to bind data in a select box:

    <label for="market">Market</label>
    <select on-change="{{updateMarket}}" name="market" id="market" class="long" onchange="">
              <template repeat="{{market in markets}}">
                    <option value="{{market}}" >{{market}}</option>
              </template>
     </select>

This code is binding ok on google chrome and firefox, but is not binding on Internet explorer.

You can check the live demo here :

http://widget.centraltorpedos.com.br/gmaps/

[jmesserly]

So, IE hasn't implemented template element yet: http://caniuse.com/template

Until then, then cross browser workaround is to do:

    <label for="market">Market</label>
    <select on-change="{{updateMarket}}" name="market" id="market" class="long" onchange="">
             <option template repeat="{{market in markets}}" value="{{market}}" >{{market}}</option>
     </select>

not sure if it helps, but here's a test: https://github.com/Polymer/TemplateBinding/blob/master/tests/tests.js#L2113