顯示成功的所有結果 - 然後隱藏X量

我有這個頁面：http://www.ryancoughlin.com/files/xml/ - 如果你選擇用戶 - >某人的名字顯示成功的所有結果 - 然後隱藏X量

你會看到一個表格填入。我試圖只顯示你選擇的用戶的結果。由於我實際上正在加載一個XML文件，我無法真正向它發送數據。所以我想，加載它們，然後隱藏每個條目，但從下拉列表中選擇一個。

任何想法？

這裏是我使用隱藏代碼的示例：線145

single_user.find(name_select+":not()").each(function(){$(this).hide();});

可變name_select是從先前屏幕上的下拉列表中OPTION標記的值。

來源

2009-12-17 Coughlin

當我選擇它的用戶有用戶，管理員或CIO 。我選擇其中的任何一個，並且沒有表格填充... – JonH 2009-12-17 16:52:56

立即嘗試。我在那裏有console.log。 – Coughlin 2009-12-17 16:54:38

你應該改變你的想法 - 默認隱藏行，然後顯示你想要的。

在追加每個表格行時，將Name值添加爲id，並向具有display:none樣式的<tr>元素添加一個類。這將防止所有行在加載後閃爍，然後隱藏。

加載過程完成後，展現在name_select值id屬性....匹配的行$("#" + name_select).show();

簡單的例子：

<html> 
<head> 
<script language="javascript" src="../code/jquery-latest.min.js"></script> 
<style> 
tr { 
    display:none; 
} 
</style> 
<script language="javascript"> 
$(document).ready(function() { 
    $("#3").show(); 
}); 
</script> 
</head> 
<body> 
<table> 
    <tr id="1"><td>1</td></tr> 
    <tr id="2"><td>2</td></tr> 
    <tr id="3"><td>3</td></tr> 
    <tr id="4"><td>4</td></tr> 
</table> 
</body>

來源

2009-12-17 18:02:50

顯示成功的所有結果 - 然後隱藏X量

回答

相關問題