CodePen

HTML

            
              <label for="expiration-year">Expiration Year:</label>
<select id="expiration-year" name="expiration-year">
  <option value="" selected>Please select a year . . .</option>
</select>
            
          
!
via HTML Inspector

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              var date = new Date().getFullYear();
var length = date + 16;

for(var i = date; i < length; i++){
  // With jQuery:
  $('#expiration-year').append('<option value="' + i + '">' + i + '</option>');
  // Or, we could do it with vanilla JavaScript like so:
  // document.getElementById('expiration-year').insertAdjacentHTML('beforeend', '<option value="' + i + '">' + i + '</option>');
}
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................