Hi i am using bellow code to create a polymer dropdown element.It is working fine in all browsers except IE.
fruits-list.html
<link href="https://rawgit.com/polymer/polymer/0.8-preview/polymer.html" rel="import">
<dom-module id="fruits-list">
<template>
<select>
<template is="dom-repeat" items="{{employees}}">
<option value="{{item.value}}">{{item.text}}</option>
</template>
</select>
</template>
<script>
Polymer({
is: 'fruits-list',
ready: function() {
this.employees = [
{value: 'one', text: 'apple'},
{value: 'two', text: 'banana'},
{value: 'three', text: 'orange'}
];
}
});
</script>
</dom-module>
index.html
<html>
<head>
<script src="https://rawgit.com/webcomponents/webcomponentsjs/master/webcomponents-lite.js"></script>
<link rel="import" href="x-example.html" />
</head>
<body>
<fruits-list></fruits-list>
</body>
</html>
