jquery下拉列表从列表中间选择日期选择器和值

时间:2013-06-21 17:17:08

标签: jquery select append option

我制作了一个jquery脚本,它附加了多年作为选择菜单的选项。

如何配置以使默认值为2001,但是当您点击选择菜单的箭头时,您将获得比2001年更大的年份并且更低于它。

那么2001年在名单的“中间”显示了吗?

jsfiddle中的情况:http://jsfiddle.net/dzorz/mmeV7/

HTML:

<span class="label-f">seit:</span>
<select class="span2" id="seit" name="seit">
    <option value="2001">2001</option>
</select>

脚本

$(function(){
    for (i = new Date().getFullYear(); i > 1900; i--)
    {
        $('#seit').append($('<option/>').val(i).html(i));
    }
});

1 个答案:

答案 0 :(得分:0)

删除您通过HTML添加的项目,并在使用$('#seit').val('2001')

填充组合后设置所选选项

<强> HTML

<span class="label-f">seit:</span>
<select class="span2" id="seit" name="seit">
</select>

<强> JS

$(function(){
    for (i = new Date().getFullYear(); i > 1900; i--)
    {
        $('#seit').append($('<option/>').val(i).html(i));
    }
    $('#seit').val('2001');
});

DEMO