jquery - 如何根据日期自动更改 <option> 标记的值?

标签 jquery

我想知道是否有可能有像 jQuery 这样的东西自动更改 <option> 的值标签,这样我就不必手动添加 <option> tag 的年份.

示例:年份是 2013 年,因此 <option>标签应显示从 2008 年开始的 60 年。

我的代码如下所示:

<table>
    <tr>
        <td>
<!--[if !IE]> --> <div class="notIE"> <!-- <![endif]-->
            <label />
            <select style="width:50px;">
                <option>01</option>
                <option>02</option>
                <option>03</option>
                <option>04</option>
                <option>05</option>
                <option>06</option>
                <option>07</option>
                <option>08</option>
                <option>09</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
                <option>13</option>
                <option>14</option>
                <option>15</option>
                <option>16</option>
                <option>17</option>
                <option>18</option>
                <option>19</option>
                <option>20</option>
                <option>21</option>
                <option>22</option>
                <option>23</option>
                <option>24</option>
                <option>25</option>
                <option>26</option>
                <option>27</option>
                <option>28</option>
                <option>29</option>
                <option>30</option>
            </select>
            </td>
        <td>
<p>/</p>
        </td>
        <td>
        <!--[if !IE]> --></div> <!-- <![endif]-->
<!--[if !IE]> --> <div class="notIE"> <!-- <![endif]-->
            <label />
            <select style="width:50px;">
                <option>01</option>
                <option>02</option>
                <option>03</option>
                <option>04</option>
                <option>05</option>
                <option>06</option>
                <option>07</option>
                <option>08</option>
                <option>09</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
            </select>
        <!--[if !IE]> --></div> <!-- <![endif]-->
            </td>
        <td>
<p>/</p>
        </td>
        <td>
        <!--[if !IE]> --></div> <!-- <![endif]-->
<!--[if !IE]> --> <div class="notIE"> <!-- <![endif]-->
            <label />
            <select style="width:70px;">
                <option>1901<option>
                <option>1902</option>
                <option>1903</option>
                <option>1904</option>
                <option>1905</option>
                <option>1906</option>
                <option>1907</option>
                <option>1908</option>
                <option>1909</option>
                <option>1910</option>
                <option>1911</option>
                <option>1912</option>
                <option>1913</option>
                <option>1914</option>
                <option>1915</option>
                <option>1916</option>
                <option>1917</option>
                <option>1918</option>
                <option>1919</option>
                <option>1920</option>
                <option>1921</option>
                <option>1922</option>
                <option>1923</option>
                <option>1924</option>
                <option>1925</option>
                <option>1926</option>
                <option>1927</option>
                <option>1928</option>
                <option>1929</option>
                <option>1930</option>
                <option>1931</option>
                <option>1932</option>
                <option>1933</option>
                <option>1934</option>
                <option>1935</option>
                <option>1936</option>
                <option>1937</option>
                <option>1938</option>
                <option>1939</option>
                <option>1940</option>
                <option>1941</option>
                <option>1942</option>
                <option>1943</option>
                <option>1944</option>
                <option>1945</option>
                <option>1946</option>
                <option>1947</option>
                <option>1948</option>
                <option>1949</option>
                <option>1950</option>
                <option>1951</option>
                <option>1952</option>
                <option>1953</option>
                <option>1954</option>
                <option>1955</option>
                <option>1956</option>
                <option>1957</option>
                <option>1958</option>
                <option>1959</option>
                <option>1960</option>
                <option>1961</option>
                <option>1962</option>
                <option>1963</option>
                <option>1964</option>
                <option>1965</option>
                <option>1966</option>
                <option>1967</option>
                <option>1968</option>
                <option>1969</option>
                <option>1970</option>
                <option>1971</option>
                <option>1972</option>
                <option>1973</option>
                <option>1974</option>
                <option>1975</option>
                <option>1976</option>
                <option>1977</option>
                <option>1978</option>
                <option>1979</option>
                <option>1980</option>
                <option>1981</option>
                <option>1982</option>
                <option>1983</option>
                <option>1984</option>
                <option>1985</option>
                <option>1986</option>
                <option>1987</option>
                <option>1988</option>
                <option>1989</option>
                <option>1990</option>
                <option>1991</option>
                <option>1992</option>
                <option>1993</option>
                <option>1994</option>
                <option>1995</option>
                <option>1996</option>
                <option>1997</option>
                <option>1998</option>
                <option>1999</option>
                <option>2000</option>
                <option>2001</option>
                <option>2002</option>
                <option>2003</option>
                <option>2004</option>
                <option>2005</option>
                <option>2006</option>
                <option>2007</option>
                <option>2008</option>
                <option>2009</option>
                <option>2010</option>
            </select>
        <!--[if !IE]> --></div> <!-- <![endif]-->
        </td>
    </tr>
</table>

我正在寻找使用变量添加日期的东西。
喜欢:-
var p_year = 1995
var n_year = p_year + 1
当它达到2008年时我需要停止它。有什么想法吗?

jsfiddle

最佳答案

让您选择为

<select style="width:70px;" id="year"></select>

然后查看并添加元素:

for(var year = 1995 ; year <=2008 ; year++){
     $("#year").append("<option value='"+year+"'>"+year+"</option>")
}

关于jquery - 如何根据日期自动更改 <option> 标记的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16235534/

相关文章:

javascript - 删除给定标签后的所有标签

javascript - 使用 JQuery 一次删除一个元素

javascript - 在 jqgrid 单元格编辑中控制保存

javascript - stick header 导致页面短时跳转

javascript - 动态删除localstorage中的li项

jquery - 如何从轨道列表中动态更改 html 播放器 src

javascript - 检查 CSS 类(通过单击按钮添加)是否存在并执行某些操作

javascript - 在执行回调后执行一些事情

javascript - 如何在 Chrome 扩展中单击 div 上的复选框

javascript - jQuery 切换 : Close all open li when another one is clicked