使用jQuery更改/添加Bootstrap下拉菜单

Question

<ul class="dropdown-menu">
   <li><a href="#">Day 1</a></li>
   <li><a href="#">Day 2</a></li>
   <li><a href="#">Day 3</a></li>
 </ul>

对于上面的代码片段，我想从第1天到第38天添加下拉菜单选项。（目前它有第三天下拉选项第1天，第2天和第3天）。如果有人可以指出我真的很感激通过jQuery实现这一目标。（jQuery非常新）。类下拉列表来自bootstrap。

Answer 1

如果你想要一个下拉列表，你只需要使用select，并且可能想给它一个名字，id或至少一个类：

<select name='day'></select>

试试这个jQuery：

for(var i = 1; i<=36; i++) {
    $('<option>').text('Day '+i).appendTo('select[name=day]');
}

不确定您使用ul / li a的原因。如果您想要下拉列表，请使用select。

确保您的脚本在 之后运行。您可以将脚本放在页面的较低位置，也可以将其包装在就绪事件中，如：

$(function(){
    for(var i = 1; i<=36; i++) {
        $('<option>').text('Day '+i).appendTo('select[name=day]');
    }
});