title: How to display select option from dynamic data drop down list
body: <p>My concept is to perform credit card validation.. In credit card year the data should be generated dynamically depending upon the current year.. it should show only upcoming years.
      Eg. We are in 2016.. So that the dropdown data will be display like 2016 to 2040.. the dropdown data is dynamic.. i have achieved it as well.. But, Here my problem is to display "select Option"<a href="https://i.stack.imgur.com/aRlUG.png" rel="nofollow"><img src="https://i.stack.imgur.com/aRlUG.png" alt=""></a></p>
  
  <p>I want to show select option first for performing validation.. Give me some idea to do that..
      Here is my sample code..</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select id="ccyear" name="ccyear"&gt;&lt;/select&gt;&lt;br&gt;
      &lt;span&gt;
      &lt;script&gt;
      var start =new Date().getFullYear();
      var end = new Date().getFullYear() + 24;
      var options = "";
   for(var year = start ; year &lt;=end; year++)
   {
      options += "&lt;option&gt;"+ year +"&lt;/option&gt;";
   }
   document.getElementById("ccyear").innerHTML = options;
      &lt;/script&gt;
      &lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>