jquery动态下拉列表

我正在尝试显示一个带有数字0、5、10……的下拉列表。。。100使用jquery。我正在编写以下代码

function addrow(index) {
    var a = '<input type="checkbox" value="1" class="css-checkbox" id="checkbox[]" /><label for="checkbox[]" class="css-label lite-x-red"></label>';
    var b = '<textarea name="question[]" id="bigarea" style="text-align:left;"></textarea>';
    var c = '<input type="checkbox" id="yes_checkbox[]" class="css-checkbox" name="qchecked[]" value="qchecked[]" /><label for="yes_checkbox[]" class="css-label lite-y-green"></label>';

    var d = $('<select id="effectdropdown[]" name="effect_dropdown[]" style="width:50px; height:25px;"></select>');
    for (var i = 0; i < 101; i = i + 5) {
        $('#effectdropdown').append('<option value="' + i + '">' + i + '</option>');
    };
    var e = '<textarea id="smallarea" placeholder = "comments" name="comments[]"> </textarea>';
    var n = $('<tr><td align="center">' + a + '</td><td>' + b + '</td><td align="center">' + c + '</td><td align="center">' + d + '</td><td align="center">' + e + '</td></tr>');
    $('#checklist').append(n);
}

函数addrow（索引）{
var a=“”；
var b=''；
var c=“”；
变量d=$（''）；
对于（变量i=0；i<101；i=i+5）{
$（“#effectdropdown”）.append（“”+i+“”）；
};
变量e=“”；
变量n=$（''+a+''+b+''+c+''+d+''+e+''）；
$（“#清单”）。附加（n）；
}

此代码正在返回空白下拉。有人能帮我吗？

函数下拉列表（）{
function dropdown() {
    var d = $('<select />').attr({
        id: "effectdropdown",
        name: "effect_dropdown[]"
        style: "width:50px; height:25px;"
    });

    var options = '';
    for (var i = 0; i < 101; i = i + 5) {
        options .= '<option value="' + i + '">' + i + '</option>';
    }

    d.append(options);
}

变量d=$（''）.attr({
id:“效应下拉列表”，
名称：“效果下拉列表[]”
样式：“宽：50像素；高：25像素
});
var选项=“”；
对于（变量i=0；i<101；i=i+5）{
选项=''+i+''；
}
d、 附加（选项）；
}

另一种方式

function dropdown() {
    $('body').append('<select id="effectdropdown" name="effect_dropdown[]" style="width:50px; height:25px;"></select>');

    var options = '';
    for (var i = 0; i < 101; i = i + 5) {
        options .= '<option value="' + i + '">' + i + '</option>';
    }

    $('#effectdropdown').append(options);
}

函数下拉列表（）{
$（'body'）。追加（''）；
var选项=“”；
对于（变量i=0；i<101；i=i+5）{
选项=''+i+''；
}
$（“#effectdropdown”）.append（选项）；
}

Tushar，我不想将其附加到正文中，因为我在需要此下拉列表的地方使用了更多的代码。因此，第一种方法是可以接受的，但是，它不适合我。它根本没有显示下拉列表。@Maulik这是因为您没有在

DOM

tushar中添加它，我为您编辑了代码。我必须将下拉列表添加到表行。@Maulik如果元素不在

DOM

中，则使用第一种方法。如果要添加

select

的元素在

DOM

中可用，则使用第二种方法