2009-12-17 6 views
1

J'ai cette page: http://www.ryancoughlin.com/files/xml/ - si vous sélectionnez l'utilisateur -> Someones NomAfficher tous les résultats sur le succès - puis cacher X quantité

Vous verrez un Peupler de table. J'essaie de montrer juste les résultats de l'utilisateur que vous avez sélectionné. Depuis que je suis en train de charger un fichier XML, je ne peux pas vraiment envoyer des données. Alors j'ai pensé, chargez-les tous puis cachez CHAQUE entrée, sauf celle que vous avez sélectionnée dans la liste déroulante.

Des idées?

Voici un exemple du code que je utilise pour cacher: ligne 145

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

La name_select variable est la valeur de la balise OPTION dans le menu déroulant à l'écran précédent.

+0

Lorsque je sélectionne l'utilisateur qu'il a l'utilisateur, Admin ou CIO . Je sélectionne l'un d'entre eux et aucune table ne peuple ... – JonH

+0

Essayez maintenant. J'ai eu console.log là-dedans. – Coughlin

Répondre

1

Vous devriez inverser votre pensée - cacher les lignes par défaut, puis montrer celui que vous voulez. Lorsque vous ajoutez chaque ligne de table, ajoutez la valeur Nom comme ID et ajoutez une classe à l'élément <tr> qui a un style display:none. Cela empêchera toutes les lignes de clignoter car elles sont chargées puis cachées.

Une fois le processus de chargement se termine, montrent la ligne où la valeur name_select correspond à l'attribut id .... $("#" + name_select).show();

Exemple simple:

<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>