制作可滚动列表而不下拉列表

时间:2012-06-03 16:29:21

标签: javascript jquery html

我想制作一个过渡页面,作为登录页面和主页。

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

我尝试用里面的一些按钮制作一个div,但看起来不太好。所以,你有什么想法,我怎么能让页面看起来更好,或者我是否应该在彼此内部使用2个div&用CSS修改它们?

这就是我所做的: JS:

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

HTML:

       <div id="ClasssesList" ></div>

非常感谢。

1 个答案:

答案 0 :(得分:0)

看起来您的代码工作正常......如果我理解正确,您可以定义#ClassesList的高度和宽度,并设置溢出以在CSS中滚动。然后,您可以格式化按钮,以便在格式化for循环内部的html时显示。

我不明白你究竟在寻找什么。也许你可以澄清一点。