Databases
StackOverflow2013
Postsdbo
POHow to automatically change value of <option> tag depending on the date?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to automatically change value of <option> tag depending on the date?
    text
    copied!<p>I was wondering if it was possible to have something like a <code>jQuery</code> to automatically change the value of <code>&lt;option&gt;</code> tag so I dont have to manually add the years for the <code>&lt;option&gt; tag</code>.<br><br> Example: The year is 2013, so the <code>&lt;option&gt;</code> tag should display 60 years starting from 2008.</p> <p>My code looks like this: <br></p> <pre><code>&lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;!--[if !IE]&gt; --&gt; &lt;div class="notIE"&gt; &lt;!-- &lt;![endif]--&gt; &lt;label /&gt; &lt;select style="width:50px;"&gt; &lt;option&gt;01&lt;/option&gt; &lt;option&gt;02&lt;/option&gt; &lt;option&gt;03&lt;/option&gt; &lt;option&gt;04&lt;/option&gt; &lt;option&gt;05&lt;/option&gt; &lt;option&gt;06&lt;/option&gt; &lt;option&gt;07&lt;/option&gt; &lt;option&gt;08&lt;/option&gt; &lt;option&gt;09&lt;/option&gt; &lt;option&gt;10&lt;/option&gt; &lt;option&gt;11&lt;/option&gt; &lt;option&gt;12&lt;/option&gt; &lt;option&gt;13&lt;/option&gt; &lt;option&gt;14&lt;/option&gt; &lt;option&gt;15&lt;/option&gt; &lt;option&gt;16&lt;/option&gt; &lt;option&gt;17&lt;/option&gt; &lt;option&gt;18&lt;/option&gt; &lt;option&gt;19&lt;/option&gt; &lt;option&gt;20&lt;/option&gt; &lt;option&gt;21&lt;/option&gt; &lt;option&gt;22&lt;/option&gt; &lt;option&gt;23&lt;/option&gt; &lt;option&gt;24&lt;/option&gt; &lt;option&gt;25&lt;/option&gt; &lt;option&gt;26&lt;/option&gt; &lt;option&gt;27&lt;/option&gt; &lt;option&gt;28&lt;/option&gt; &lt;option&gt;29&lt;/option&gt; &lt;option&gt;30&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt;/&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;!--[if !IE]&gt; --&gt;&lt;/div&gt; &lt;!-- &lt;![endif]--&gt; &lt;!--[if !IE]&gt; --&gt; &lt;div class="notIE"&gt; &lt;!-- &lt;![endif]--&gt; &lt;label /&gt; &lt;select style="width:50px;"&gt; &lt;option&gt;01&lt;/option&gt; &lt;option&gt;02&lt;/option&gt; &lt;option&gt;03&lt;/option&gt; &lt;option&gt;04&lt;/option&gt; &lt;option&gt;05&lt;/option&gt; &lt;option&gt;06&lt;/option&gt; &lt;option&gt;07&lt;/option&gt; &lt;option&gt;08&lt;/option&gt; &lt;option&gt;09&lt;/option&gt; &lt;option&gt;10&lt;/option&gt; &lt;option&gt;11&lt;/option&gt; &lt;option&gt;12&lt;/option&gt; &lt;/select&gt; &lt;!--[if !IE]&gt; --&gt;&lt;/div&gt; &lt;!-- &lt;![endif]--&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt;/&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;!--[if !IE]&gt; --&gt;&lt;/div&gt; &lt;!-- &lt;![endif]--&gt; &lt;!--[if !IE]&gt; --&gt; &lt;div class="notIE"&gt; &lt;!-- &lt;![endif]--&gt; &lt;label /&gt; &lt;select style="width:70px;"&gt; &lt;option&gt;1901&lt;option&gt; &lt;option&gt;1902&lt;/option&gt; &lt;option&gt;1903&lt;/option&gt; &lt;option&gt;1904&lt;/option&gt; &lt;option&gt;1905&lt;/option&gt; &lt;option&gt;1906&lt;/option&gt; &lt;option&gt;1907&lt;/option&gt; &lt;option&gt;1908&lt;/option&gt; &lt;option&gt;1909&lt;/option&gt; &lt;option&gt;1910&lt;/option&gt; &lt;option&gt;1911&lt;/option&gt; &lt;option&gt;1912&lt;/option&gt; &lt;option&gt;1913&lt;/option&gt; &lt;option&gt;1914&lt;/option&gt; &lt;option&gt;1915&lt;/option&gt; &lt;option&gt;1916&lt;/option&gt; &lt;option&gt;1917&lt;/option&gt; &lt;option&gt;1918&lt;/option&gt; &lt;option&gt;1919&lt;/option&gt; &lt;option&gt;1920&lt;/option&gt; &lt;option&gt;1921&lt;/option&gt; &lt;option&gt;1922&lt;/option&gt; &lt;option&gt;1923&lt;/option&gt; &lt;option&gt;1924&lt;/option&gt; &lt;option&gt;1925&lt;/option&gt; &lt;option&gt;1926&lt;/option&gt; &lt;option&gt;1927&lt;/option&gt; &lt;option&gt;1928&lt;/option&gt; &lt;option&gt;1929&lt;/option&gt; &lt;option&gt;1930&lt;/option&gt; &lt;option&gt;1931&lt;/option&gt; &lt;option&gt;1932&lt;/option&gt; &lt;option&gt;1933&lt;/option&gt; &lt;option&gt;1934&lt;/option&gt; &lt;option&gt;1935&lt;/option&gt; &lt;option&gt;1936&lt;/option&gt; &lt;option&gt;1937&lt;/option&gt; &lt;option&gt;1938&lt;/option&gt; &lt;option&gt;1939&lt;/option&gt; &lt;option&gt;1940&lt;/option&gt; &lt;option&gt;1941&lt;/option&gt; &lt;option&gt;1942&lt;/option&gt; &lt;option&gt;1943&lt;/option&gt; &lt;option&gt;1944&lt;/option&gt; &lt;option&gt;1945&lt;/option&gt; &lt;option&gt;1946&lt;/option&gt; &lt;option&gt;1947&lt;/option&gt; &lt;option&gt;1948&lt;/option&gt; &lt;option&gt;1949&lt;/option&gt; &lt;option&gt;1950&lt;/option&gt; &lt;option&gt;1951&lt;/option&gt; &lt;option&gt;1952&lt;/option&gt; &lt;option&gt;1953&lt;/option&gt; &lt;option&gt;1954&lt;/option&gt; &lt;option&gt;1955&lt;/option&gt; &lt;option&gt;1956&lt;/option&gt; &lt;option&gt;1957&lt;/option&gt; &lt;option&gt;1958&lt;/option&gt; &lt;option&gt;1959&lt;/option&gt; &lt;option&gt;1960&lt;/option&gt; &lt;option&gt;1961&lt;/option&gt; &lt;option&gt;1962&lt;/option&gt; &lt;option&gt;1963&lt;/option&gt; &lt;option&gt;1964&lt;/option&gt; &lt;option&gt;1965&lt;/option&gt; &lt;option&gt;1966&lt;/option&gt; &lt;option&gt;1967&lt;/option&gt; &lt;option&gt;1968&lt;/option&gt; &lt;option&gt;1969&lt;/option&gt; &lt;option&gt;1970&lt;/option&gt; &lt;option&gt;1971&lt;/option&gt; &lt;option&gt;1972&lt;/option&gt; &lt;option&gt;1973&lt;/option&gt; &lt;option&gt;1974&lt;/option&gt; &lt;option&gt;1975&lt;/option&gt; &lt;option&gt;1976&lt;/option&gt; &lt;option&gt;1977&lt;/option&gt; &lt;option&gt;1978&lt;/option&gt; &lt;option&gt;1979&lt;/option&gt; &lt;option&gt;1980&lt;/option&gt; &lt;option&gt;1981&lt;/option&gt; &lt;option&gt;1982&lt;/option&gt; &lt;option&gt;1983&lt;/option&gt; &lt;option&gt;1984&lt;/option&gt; &lt;option&gt;1985&lt;/option&gt; &lt;option&gt;1986&lt;/option&gt; &lt;option&gt;1987&lt;/option&gt; &lt;option&gt;1988&lt;/option&gt; &lt;option&gt;1989&lt;/option&gt; &lt;option&gt;1990&lt;/option&gt; &lt;option&gt;1991&lt;/option&gt; &lt;option&gt;1992&lt;/option&gt; &lt;option&gt;1993&lt;/option&gt; &lt;option&gt;1994&lt;/option&gt; &lt;option&gt;1995&lt;/option&gt; &lt;option&gt;1996&lt;/option&gt; &lt;option&gt;1997&lt;/option&gt; &lt;option&gt;1998&lt;/option&gt; &lt;option&gt;1999&lt;/option&gt; &lt;option&gt;2000&lt;/option&gt; &lt;option&gt;2001&lt;/option&gt; &lt;option&gt;2002&lt;/option&gt; &lt;option&gt;2003&lt;/option&gt; &lt;option&gt;2004&lt;/option&gt; &lt;option&gt;2005&lt;/option&gt; &lt;option&gt;2006&lt;/option&gt; &lt;option&gt;2007&lt;/option&gt; &lt;option&gt;2008&lt;/option&gt; &lt;option&gt;2009&lt;/option&gt; &lt;option&gt;2010&lt;/option&gt; &lt;/select&gt; &lt;!--[if !IE]&gt; --&gt;&lt;/div&gt; &lt;!-- &lt;![endif]--&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>I am looking for something which sort of adds up the date using variables.<br> like:-<br> <code>var p_year = 1995</code><br> <code>var n_year = p_year + 1</code> <br>and I need to stop it when it reaches 2008. Any ideas? <br><br> <a href="http://jsfiddle.net/D6YJa/" rel="nofollow">jsfiddle</a></p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload