在一定数量的元素之后有一个下拉列表

Question

我想在其中创建一个带有列表的页脚。假设如果列表中的元素数量增加超过四个，则会出现一个下拉列表，列表应该从列表中的第4个数字开始。该列表应该包含第四个元素之后的元素我的技能集只有Css html和js。有任何想法吗？也不能使用glyphicons

Answer 1

我就这样做了：

var limit = 2;
var elems = $("#list li").detach();
var select = "";

for (i = 0; i < elems.length; i++) {
    if (i < limit) {
        $("#list").html($("#list").html() + (elems[i]).outerHTML);
    }else{
        select += "<option>" + $(elems[i]).text() + "</option>";
    }
}
select = "<select>"  + select + "</select>";
$("#list").html($("#list").html() + select);

Here is the JSFiddle demo

更改limit变量以更改要显示的列表值的数量，其余的将显示在下拉列表中。