Discussion :

[Devilju69]

Bonjour à tous et à toutes,

Je débute en Javascript/Jquery et je voudrais recopier ma valeur d'un input sur les inputs suivants mais j'ai un petit soucis.

En gros, quand l'ID est un chiffre, ca marche mais quand l'ID est par exemple "T1 - T2 - T3...", cela ne marche plus.

Je ne vois pas où je dois changer le nom de l'ID :

Code :

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

1
2
3
4
5
6
$(".type_paiement").keydown(function(){
	var id = $(this).attr("id");
	var value = $("#"+id).val();
	for (i = id; i < 24; i++)
		$("#"+i).val(value);
});

[Bovino]

Bah... c'est normal...
Dans ta boucle, i vaut successivement 1, 2, ..., 23, mais jamais T1, T2, ..., T23.

Mon petit doigt me souffle qu'avec

Code :

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

$("#T"+i).val(value);

on devrait s'approcher d'une solution.

Sinon, au passage :

Code :

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

1
2
var id = $(this).attr("id");
var value = $("#"+id).val();

Heu... à quoi ça te sert au juste de récupérer l'id d'un élément juste pour ensuite rechercher l'élément dont l'id est celui de l'élément que tu as déjà ?

[Devilju69]

Mais même comme cela, ça ne marche pas ?

Code :

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

1
2
3
4
5
6
7
8
 
	 $(".type_paiement").keydown(function(){
	  var id = $(this).attr("id");
	  var value = $("#"+id).val();
 
	  for (i = id; i < 24; i++)
		  $("#T"+i).val(value);
	 });

Pour la deuxième question, si je ne verifie pas la copie ne marche pas

[Bovino]

Ah oui... j'avais pas vu que i vaut id...
Contrairement à PHP par exemple, JavaScript ne sait pas incrémenter une chaine.
Il faut que tu récupères la valeur numérique dans ton identifiant.

[Devilju69]

C'est à dire dans mon identifiant ?

[danielhagnoul]

Bonsoir

Exemple :

Code HTML :

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

1
2
3
4
5
<input id="T1" type="number" min="0" max="24" value="1">
<input id="T2" type="number" min="0" max="24" value="1">
<input id="T3" type="number" min="0" max="24" value="1">
<input id="T4" type="number" min="0" max="24" value="1">
<input id="T5" type="number" min="0" max="24" value="1">

Code JavaScript :

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
var jObjInput = $( "input[type='number']" ),
	m = jObjInput.length;
 
/*
 * On intercepte l'événement "change".
 */
jObjInput.on( "change", function(){
	/*
	 * n : on doit éliminer le "T" de l'ID et
	 * faire un entier du reste du texte.
	 */
    var n = parseInt( this.id.slice( 1 ), 10 ),
    	valeur = $( this ).val();
 
    /*
     * On donne cette valeur au éléments suivants.
     * 
     * i <= m : car n est base 1 comme m.
     */
	for ( var i = ( n + 1 ); i <= m; i++ ){
 
		/*
		 * On reconstitue un ID "Tx" et on
		 * change le contenu de l'attribut "value"
		 * de cet élément du DOM.
		 */
		$( "#T" + i ).val( valeur );
    }	
});

[Bovino]

Mais dès que je change pour l'un, ca change pour le deuxième

Certes, ceci dit, c'est aussi parce que c'est toi qui demandes de le faire :

Code :

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

1
2
$( "#T" + i ).val( valeur );
$( "#C" + i ).val( valeur );

Ensuite, tu peux essayer de récupérer l'indice et le préfixe dans ta fonction pour cibler les bons éléments.

Code :

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

1
2
var pref = this.id.replace(/\d/g, '');
var nb = this.id.replace(/\D/g, '');

[Devilju69]

Je dois donc creer une nouvelle fonction !