1

我有这个页面：http ://www.ryancoughlin.com/files/xml/ - 如果你选择用户 - > 某人的名字

您将看到一个表格填充。我试图只显示您选择的用户的结果。因为我实际上是在加载一个 XML 文件，所以我不能真正向它发送数据。所以我想，将它们全部加载，然后隐藏每个条目，但您从下拉列表中选择的条目除外。

有任何想法吗？

这是我用来隐藏的代码示例：第 145 行

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

该变量name_select是上一屏幕下拉菜单中的 OPTION 标签的值。

4

1 回答 1

0

您应该扭转您的想法 - 默认情况下隐藏行，然后显示您想要的行。

在追加每个表格行时，将 Name 值添加为 id，并向<tr>具有display:none样式的元素添加一个类。这将防止所有行在加载然后隐藏时闪烁。

加载过程完成后，显示 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-17T18:02:50.400 回答