A really dumb telephone input inspired by https://i.imgur.com/C0H0fIX.jpg

dumb-telephone-input.html

<link rel="import" href="//polygit.org/components/polymer/polymer.html" />

<dom-module id="dumb-telephone-input">
  <template>
    <select id="area"></select>
    <select id="prefix"></select>
    <select id="phone"></select>
  </template>
</dom-module>
<script>
  (function(dlwj){
    dlwj.DumpTelephoneInputElement = Polymer({
      is: 'dumb-telephone-input',
      properties: {},
      ready: function() {
        var i, iString, option;
        var areaCode = Polymer.dom(this.$.area);
        var prefixCode = Polymer.dom(this.$.prefix);
        var phoneNumber = Polymer.dom(this.$.phone);
        
        for (i = 0; i < 1000; i++) {
          iString = "" + i;
          option = document.createElement('option');
          option.value = "000".substring(0, 3 - iString.length) + iString;
          option.textContent = option.value;
          areaCode.appendChild(option);
        }
        
        for (i = 0; i < 1000; i++) {
          iString = "" + i;
          option = document.createElement('option');
          option.value = "000".substring(0, 3 - iString.length) + iString;
          option.textContent = option.value;
          prefixCode.appendChild(option);
        }
        
        for (i = 0; i < 10000; i++) {
          iString = "" + i;
          option = document.createElement('option');
          option.value = "0000".substring(0, 4 - iString.length) + iString;
          option.textContent = option.value;
          phoneNumber.appendChild(option);
        }
      }
    });
  }(window.davidlwatsonjr = window.davidlwatsonjr || {}));
</script>