state.html

<dom-module id="state-select">
    <template>
        <select>
            <option value="Select">Select State</option>
            <option value="AL">Alabama</option>
            <option value="AK">Alaska</option>
            <option value="AZ">Arizona</option>
            <option value="AR">Arkansas</option>
            <option value="CA">California</option>
            <option value="CO">Colorado</option>
            <option value="CT">Connecticut</option>
            <option value="DE">Delaware</option>
            <option value="DC">District Of Columbia</option>
            <option value="FL">Florida</option>
            <option value="GA">Georgia</option>
            <option value="HI">Hawaii</option>
            <option value="ID">Idaho</option>
            <option value="IL">Illinois</option>
            <option value="IN">Indiana</option>
            <option value="IA">Iowa</option>
            <option value="KS">Kansas</option>
            <option value="KY">Kentucky</option>
            <option value="LA">Louisiana</option>
            <option value="ME">Maine</option>
            <option value="MD">Maryland</option>
            <option value="MA">Massachusetts</option>
            <option value="MI">Michigan</option>
            <option value="MN">Minnesota</option>
            <option value="MS">Mississippi</option>
            <option value="MO">Missouri</option>
            <option value="MT">Montana</option>
            <option value="NE">Nebraska</option>
            <option value="NV">Nevada</option>
            <option value="NH">New Hampshire</option>
            <option value="NJ">New Jersey</option>
            <option value="NM">New Mexico</option>
            <option value="NY">New York</option>
            <option value="NC">North Carolina</option>
            <option value="ND">North Dakota</option>
            <option value="OH">Ohio</option>
            <option value="OK">Oklahoma</option>
            <option value="OR">Oregon</option>
            <option value="PA">Pennsylvania</option>
            <option value="RI">Rhode Island</option>
            <option value="SC">South Carolina</option>
            <option value="SD">South Dakota</option>
            <option value="TN">Tennessee</option>
            <option value="TX">Texas</option>
            <option value="UT">Utah</option>
            <option value="VT">Vermont</option>
            <option value="VA">Virginia</option>
            <option value="WA">Washington</option>
            <option value="WV">West Virginia</option>
            <option value="WI">Wisconsin</option>
            <option value="WY">Wyoming</option>
            <option value="AS">American Samoa</option>
            <option value="GU">Guam</option>
            <option value="MP">Northern Mariana Islands</option>
            <option value="PR">Puerto Rico</option>
            <option value="UM">United States Minor Outlying Islands</option>
            <option value="VI">Virgin Islands</option>
        </select>
    </template>
</dom-module>


<script>
    Polymer({
        is:'state-select',
        behaviors:[Elliptical.ComponentBehavior],
        properties:{
            dataId:{
                type:String,
                value:null
            },
            dataName:{
                type:String,
                value:null
            },
            dataValue:{
                type:String,
                value:null
            }
        },

        ready:function(){
            this._setValueProp();
            this._setId();
            this._setName();
            this._setValue();
            this._setListener();

        },

        _setValueProp:function(){
            var element=this.element;
            var node=this;
            Object.defineProperty(node, 'value', {
                get: function() { return element.find('select').val(); },
                set: function(newValue) { element.find('select').val(newValue); },
                enumerable: true,
                configurable: true
            });
        },

        _setId:function(){
            if(this.dataId){
                var select=this.element.find('select');
                select.attr('id',this.dataId);
            }
        },

        _setName:function(){
            if(this.dataName){
                var select=this.element.find('select');
                select.attr('name',this.dataName);
            }
        },

        _setValue:function(){
            if(this.dataValue){
                this.value=this.dataValue;
            }
        },

        _setListener:function(){
            this._event(this.element,'change','select',this._onChange.bind(this));
        },

        _onChange:function(){
            var data={
                value:this.value,
                id:this.dataId,
                name:this.dataName
            };
            this.fire('state-select-change',data);
        }
    });
</script>