Javascript 如何使用jquery forloop填充selectbox_Javascript_Jquery_Html_Twitter Bootstrap_Twitter Bootstrap 3

Javascript 如何使用jquery forloop填充selectbox

javascript jquery html twitter-bootstrap twitter-bootstrap-3

Javascript 如何使用jquery forloop填充selectbox,javascript,jquery,html,twitter-bootstrap,twitter-bootstrap-3,Javascript,Jquery,Html,Twitter Bootstrap,Twitter Bootstrap 3,我的问题是如何仅使用jquery用数据填充生日选择框？有可能吗？对不起，我只是个新手……有人能给我举个例子吗代码：生日月白天年 var月=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”， “七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]；美元（月）。每个功能（指数、值）{ var curHtml=$（'#bmonth'）.html（）； curHtml+=''+值+''； $（'bmmonth'）.html（curHtml）； }); var月=[

我的问题是如何仅使用jquery用数据填充生日选择框？有可能吗？对不起，我只是个新手……有人能给我举个例子吗

代码：


生日
月
白天
年

var月=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”，
“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]；
美元（月）。每个功能（指数、值）{
var curHtml=$（'#bmonth'）.html（）；
curHtml+=''+值+''；
$（'bmmonth'）.html（curHtml）；
});

var月=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”，
“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]；
美元（月）。每个功能（指数、值）{
var curHtml=$（'#bmonth'）.html（）；
curHtml+=''+值+''；
$（'bmmonth'）.html（curHtml）；
});

您可以按照以下代码创建自己的

<select name="month" id="bmonth">
    <option>Month</option>
</select>

月

Javascript

$(document).ready(function () {
    var months = [
        'Jan', 'Feb', 'Mar', 'Apr',
        'May', 'Jun', 'Jul', 'Aug',
        'Sep', 'Oct', 'Nov', 'Dec'];
    for (var i = 0; i < months.length; i++) {
        $("#bmonth").append(GetOption(months[i], months[i]));
    }
});

function GetOption(text, value) {
    return "<option value = '" + value + "'>" + text + "</option>";
}

$（文档）.ready（函数（）{
风险值月份=[
“一月”、“二月”、“三月”、“四月”，
“五月”、“六月”、“七月”、“八月”，
“九月”、“十月”、“十一月”、“十二月”]；
对于（变量i=0；i


您可以按照以下代码创建自己的
<select name="month" id="bmonth">
    <option>Month</option>
</select>


月

Javascript
$(document).ready(function () {
    var months = [
        'Jan', 'Feb', 'Mar', 'Apr',
        'May', 'Jun', 'Jul', 'Aug',
        'Sep', 'Oct', 'Nov', 'Dec'];
    for (var i = 0; i < months.length; i++) {
        $("#bmonth").append(GetOption(months[i], months[i]));
    }
});

function GetOption(text, value) {
    return "<option value = '" + value + "'>" + text + "</option>";
}

$（文档）.ready（函数（）{
风险值月份=[
“一月”、“二月”、“三月”、“四月”，
“五月”、“六月”、“七月”、“八月”，
“九月”、“十月”、“十一月”、“十二月”]；
对于（变量i=0；i

试试这样的方法（）：
HTML
<select id='year'>
    <option>Year</option>
</select>


年

JS:
var years = [2010, 2011, 2012, 2013, 2014];
$.each(years, function(k, v){
    var option = $('<option/>', {'value':v, 'text':v});
    $('#year').append(option);
});

var年份=[2010、2011、2012、2013、2014]；
美元每（年，功能（k，v）{
var option=$（“”，{'value'：v，'text'：v}）；
$（'年'）。附加（可选）；
});

你有了主意，就自己试试其余的。
试试这样的方法（）：
HTML
<select id='year'>
    <option>Year</option>
</select>


年

JS:
var years = [2010, 2011, 2012, 2013, 2014];
$.each(years, function(k, v){
    var option = $('<option/>', {'value':v, 'text':v});
    $('#year').append(option);
});

var年份=[2010、2011、2012、2013、2014]；
美元每（年，功能（k，v）{
var option=$（“”，{'value'：v，'text'：v}）；
$（'年'）。附加（可选）；
});

你有了这个想法，自己试试其余的。
这里有更多的动态选项，可以改变你每年的最大年份。我将最小年份设置为1900年，但如果您愿意，可以更改此值
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="Scripts/jQuery/jquery-2.1.0.min.js"></script>
    </head>
    <body>
        <form id="myForm"><select id="month"></select><select id="day"></select><select id="year"></select></form>
        <script>
            $(document).ready(function () {
                var month = [], day = [], year = [];
                for (var i = 1; i <= 12; i++) {
                    month.push(i);
                }
                for (var i = 1; i <= 31; i++) {
                    day.push(i);
                }
                for (var i = 1900; i <= (new Date().getFullYear()); i++) {
                    year.push(i);
                }
                $.each(day, function (index, d) {
                    $("#day").append("<option>" + d + "</option>");
                });
                $.each(month, function (index, m) {
                    $("#month").append("<option>" + m + "</option>");
                });
                $.each(year, function (index, y) {
                    $("#year").append("<option>" + y + "</option>");
                });
            });
        </script>
    </body>
</html>


$（文档）.ready（函数（）{
变量月=[]，日=[]，年=[]；
对于（var i=1；i，这里有一个更动态的选项，它将每年为您更改最大年份。我将最小年份设置为1900，但如果您愿意，您可以更改它
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="Scripts/jQuery/jquery-2.1.0.min.js"></script>
    </head>
    <body>
        <form id="myForm"><select id="month"></select><select id="day"></select><select id="year"></select></form>
        <script>
            $(document).ready(function () {
                var month = [], day = [], year = [];
                for (var i = 1; i <= 12; i++) {
                    month.push(i);
                }
                for (var i = 1; i <= 31; i++) {
                    day.push(i);
                }
                for (var i = 1900; i <= (new Date().getFullYear()); i++) {
                    year.push(i);
                }
                $.each(day, function (index, d) {
                    $("#day").append("<option>" + d + "</option>");
                });
                $.each(month, function (index, m) {
                    $("#month").append("<option>" + m + "</option>");
                });
                $.each(year, function (index, y) {
                    $("#year").append("<option>" + y + "</option>");
                });
            });
        </script>
    </body>
</html>


$（文档）.ready（函数（）{
变量月=[]，日=[]，年=[]；
对于（var i=1；到目前为止，你有没有尝试过任何东西？如果有，我们可以看到你的代码吗？如果没有，你有没有尝试过谷歌jquery添加html标记
或类似的东西？是的，这是可能的。你尝试过什么？到目前为止你有没有尝试过任何东西？如果有，我们可以看到你的代码吗？如果没有，你有没有尝试过谷歌jquery添加html标记
或诸如此类的东西？是的，这是可能的。你尝试过什么？我以前从未见过那种创建DOM对象的风格，但它非常干净；做得很好。谢谢你的大拇指：-）您可能会喜欢@user3507600。谢谢；这是非常有信息性和描述性的。这应该有助于清理我的一些代码。我以前从未见过创建DOM对象的那种风格，但它非常干净；做得很好。谢谢大家的大拇指：-）您可能会喜欢@user3507600。谢谢；这是非常有信息性和描述性的。这应该有助于清理我的一些代码。