jquery动态下拉

时间:2015-05-26 06:17:28

标签: jquery drop-down-menu

我正在尝试使用jquery显示数字0,5,10,... 100的下拉列表。我正在编写以下代码。

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);
}

此代码返回空白下拉列表。有人可以帮我吗?

1 个答案:

答案 0 :(得分:2)

bower

另一种方式

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);
}