javascript - 如何使用 jquery for 循环填充选择框

标签 javascript jquery html twitter-bootstrap twitter-bootstrap-3

我的问题是如何仅使用 jquery 用数据填充我的生日选择框?有可能做到吗?抱歉,我刚刚接触这个...有人能给我举个例子吗?

代码:

<div class="form-group input-group">
    <div class="btn-group input-group">
        <span class="input-group-addon">Birthday</span>
        <select name="month" class="btn btn-default" id="bmonth" data-container="body" data-placement="left" data-toggle="popover" data-content="Select your Birthday!" >
            <option>Month</option>
        </select>
        <select name="day" class="btn btn-default" id="bday" data-container="body" data-placement="top" data-toggle="popover" data-content="Select your Birthday!" >
            <option>Day</option>
        </select>
        <select name="year" class="btn btn-default" id="byear" data-container="body" data-placement="right" data-toggle="popover" data-content="Select your Birthday!" >
            <option>Year</option>
        </select>
    </div>

最佳答案

Here is a fiddle

var months = [ "January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December" ];

$(months).each(function(index,value){
   var curHtml = $('#bmonth').html();
   curHtml += '<option value="'+index+'">'+value+'</option>';
   $('#bmonth').html(curHtml);
});

关于javascript - 如何使用 jquery for 循环填充选择框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23919045/

相关文章:

html - 垂直居中 CSS/HTML 文本

javascript - angularjs ui-route : change only 1 nested view and save other views from reloading

javascript - php根据html切换开关显示数据库中的数据

javascript - 如何确定从其余选择器中选择了哪个?

javascript - 在使用 javascript 将 css 应用于表格中的交替行时需要帮助

html - 响应式布局,每一行的间距都在增长

javascript - Rangy:如何获取使用 Highlighter 模块创建的 span 元素?

javascript - 如何使用 Angular 根据元素的高度显示/隐藏元素?

javascript - 使用javascript重定向而不加载母版页

html - 当 body 中的 css 时,css 未在 IE 上加载