$.attr ne fonctionne qu'une seule fois

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

$.attr ne fonctionne qu'une seule fois

jQuery

Vue hybride

Discussions similaires

Partager

Partager