Question

我有一个清单：

<asp:ListBox ID="lstProblems" runat="server" SelectionMode="Multiple"></asp:ListBox>

我用这种方式填充它：

$(function() {
        $.get('../file.txt', function(data) {
            var output = data.split('\n'),
            tmp = '';
            for (i = 0; i < output.length; i++) {
                tmp += '<option value=' + output[i] + '>' + output[i] + '</option>';
            }
            $('#lstProblems').html(tmp);

        });
    });

我想知道如何将其转换为常规HTML列表？因为这个问题，我需要这个：increase height of listbox in IE7

更新我将html更改为：

<select size="4" name="lstProblems" multiple="multiple" id="lstProblems" CssClass="list-problems">

并将其添加到css：

.list-problems {
    height:600px !important;
    display:inline-block;
}

IE和Chrome都没有注意到差异

可能有什么东西压倒一切吗？

这里包括的一切：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js" type="text/javascript"></script>


<link href="../niceforms/niceforms-default.css" rel="stylesheet" type="text/css" />
<script src="../niceforms/niceforms.js" type="text/javascript"></script>

<link href="../jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />

这是IE的来源：http://pastebin.com/7vsF11Yq

Answer 1

只需在ASP.NET控件中添加一个类，然后根据其他问题使用CSS。
ASP.NET控件将呈现为标准HTML列表，并指定了css类。

将标记更改为

<asp:ListBox ID="lstProblems" runat="server" SelectionMode="Multiple" CssClass="list-problems"></asp:ListBox>

然后使用以下CSS

.list-problems {
    height:200px !important; 
    display:inline-block;
}

如何将此asp.net列表转换为HTML列表？

1 个答案: