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 に答える