如何將此asp.net列表轉換爲html列表？

我有一個列表：如何將此asp.net列表轉換爲html列表？

<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也不鉻注意到一個差異

莫不是東西壓倒一切呢？

這裏，即時通訊內容包括：

<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

來源

2011-09-16 l--' ' ' ' ' ' ---------' ' ' ' ' ' ' ' ' ' ' '

按照原來的問題你的鏈接，它已經是一個常規的HTML列表。只需添加'#lstProblems {height：200px！important; display：inline-block;}'到你的css文件 –

@joseph請參閱問題編輯。非常感謝您的幫助 –

只是一個類添加到ASP.NET控件，然後使用CSS按其他問題。
的ASP.NET控件將呈現爲與指定的CSS類標準的HTML列表。

因此改變您的標記

然後用下面的CSS

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

來源

2011-09-16 21:01:08 Marko

我試過這個.list-problems {height：200px！important; 寬度：100px！重要; display：inline-block; }但它沒有工作 –

也試圖做到這一點：.list-problems {height}：600px！important; display：inline-block; }並沒有工作。也許有一些壓倒一切的東西？ –

@I__您是否已將CssClas屬性添加到您的''？您可以執行該頁面，然後轉到查看源代碼並將標記粘貼到http://pastebin.com上？ – Marko

如何將此asp.net列表轉換爲html列表？

回答

相關問題