Javascript 制作无下拉列表的可滚动列表

Javascript 制作无下拉列表的可滚动列表,javascript,jquery,html,Javascript,Jquery,Html,我想做一个过渡页面,作为登录页面和主页之间的一个中断 该页面只包含名称列表。。。所以,我不想让它成为一个下拉列表。。。我想在页面中填充一个可滚动的列表 我试着做一个有按钮的div,但是看起来不太好。那么,您对如何使页面看起来更好,或者是否应该在彼此内部使用2个div并使用CSS修改它们有什么想法吗 这是我做的: JS: 函数GetClassesList(数据){ 变量类=(数据类型)='string'?eval('('+data+')):数据; $('#ClasssesList').empty(

我想做一个过渡页面,作为登录页面和主页之间的一个中断

该页面只包含名称列表。。。所以,我不想让它成为一个下拉列表。。。我想在页面中填充一个可滚动的列表

我试着做一个有按钮的div,但是看起来不太好。那么,您对如何使页面看起来更好,或者是否应该在彼此内部使用2个div并使用CSS修改它们有什么想法吗

这是我做的: JS:

函数GetClassesList(数据){ 变量类=(数据类型)='string'?eval('('+data+')):数据; $('#ClasssesList').empty(); 对于(var i=0;i HTML:



非常感谢

您的代码似乎工作正常。。。如果我理解正确,您可以定义#ClassesList的高度和宽度,并将溢出设置为在CSS中滚动。然后,当您在for循环中格式化html时,您可以将按钮的格式设置为以您想要的方式显示

我不太明白你到底在找什么。也许你能澄清一下

function GetClassesList(data) {
var classes = (typeof data) == 'string' ? eval('(' + data + ')') : data;
$('#ClasssesList').empty();
for (var i = 0; i < classes.length; i++) {
    var text = '<button class="BigDiv" value="' + classes[i].Cls_ID + '" >' + classes[i].Cls_Name + '</button>';
    $('#ClasssesList').append(text);
}
$("#ClasssesList").bind('click', 'button.BigDiv',CallLink()); 
}
       <div id="ClasssesList" ></div>