$.attr ne fonctionne qu'une seule fois [Résolu]

Nico_F · 24/11/2011, 12h13

Bonjour,

J'ai le sentiment que mon problème est trivial et pourtant impossible de le résoudre.

A chaque clic sur une ligne d'un tableau, je veux qu'un input hidden d'un formulaire prenne comme value l'id de cette ligne de tableau.

J'ai donc la fonction suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$("tr.select_atb").live({
	click: function(){
		id = $(this).attr('id');
		//$("#selected_sport_id").removeAttr("value");
		$("#selected_sport_id").attr("value", id);
		alert(id);
	}
});

À priori, pas besoin de plus : lorsque je regarde dans mon firebug, la valeur de mon champs caché a bien pris la valeur de l'id de ma ligne de tableau lors du premier clic. Je clique sur une autre ligne, et là sa valeur ne change plus... par contre mon alert(id) me renvoie bien des résultats différents à chaque fois selon les lignes. Dernier point : j'ai essayé avec et sans la ligne commentée => même résultat.

Merci pour votre aide.

SpaceFrog · 24/11/2011, 13h29

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
    <style type="text/css">
html, body {
      margin:0;
	padding:0;
	}
	td{
		border:solid 1px blue;
		width:200px;
		text-align:center;
		}
 
</style> 
<script type="text/javascript">
$(function(){
increment=0;
$('tr').each(function(){
	$(this).attr('id','_'+increment++).find('td').html('_'+(increment-1))
	})
 
$('tr').click( function(){
 monid=$(this).attr('id')
 $('#foo').val(monid)
})	
})
</script> 
</head>
<body>
<table>
  <tr >
    <td >&nbsp;</td>
    <td >&nbsp;</td>
  </tr>
  <tr >
    <td >&nbsp;</td>
    <td >&nbsp;</td>
  </tr>
  <tr >
    <td >&nbsp;</td>
    <td >&nbsp;</td>
  </tr>
  <tr >
    <td >&nbsp;</td>
    <td >&nbsp;</td>
  </tr>
  <tr >
    <td >&nbsp;</td>
    <td >&nbsp;</td>
  </tr>
  <tr >
    <td >&nbsp;</td>
    <td >&nbsp;</td>
  </tr>
  <tr >
    <td >&nbsp;</td>
    <td >&nbsp;</td>
  </tr>
  <tr >
    <td >&nbsp;</td>
    <td >&nbsp;</td>
  </tr>
  <tr >
    <td >&nbsp;</td>
    <td >&nbsp;</td>
  </tr>
</table>
<input type='text' id="foo" value="" />
</body>
</html>

Nico_F · 14/12/2011, 15h04

Désolé pour le bump, le problème est résolu.
Ma méthode fonctionnait : le problème se situait ailleurs : l'id de mon champs caché n'était pas unique, ce qui générait des résultats aléatoires.

14/12/2011, 15h04	#3
Nico_F Membre habitué Nicolas Développeur Web Inscription : avril 2011 Messages : 95 Détails du profil Informations personnelles : Nom : Nicolas Âge : 24 Localisation : France Informations professionnelles : Activité : Développeur Web Secteur : Communication - Médias Informations forums : Inscription : avril 2011 Messages : 95 Points : 142 Points : 142	Désolé pour le bump, le problème est résolu. Ma méthode fonctionnait : le problème se situait ailleurs : l'id de mon champs caché n'était pas unique, ce qui générait des résultats aléatoires.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email