jquery動態下拉

Question

我試圖用數字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); 
} 

此代碼返回空白下拉菜單。有人可以幫我嗎？

Answer 1

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

另一種方式

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