Discussion :

[Devilju69]

Bonjour à tous,

J'ai une petite question.
J'ai une boucle for en php qui m'affiche autant de textbox. Et je voudrais que lorsque je modifie la valeur d'une des textboxs toutes celles qui sont en dessous soit de même valeur

C'est possible ?

Merci d'avance

[SpaceFrog]

oui

[Devilju69]

Et avec un peu plus de renseignements

[SpaceFrog]

Avec une fonction javascript sur le onchange des inputs ...
qui boucle sur les inputs

un exemple avec jquery
http://jsfiddle.net/H5smS/

[Devilju69]

Ok je vais chercher un peu mais un peu d'aide serai la bienvenue

[SpaceFrog]

un exemple donné dans le message précédent

[Devilju69]

Pardon j'avais pas vu

[Devilju69]

Alors j'essaye de l'interprété à mon code mais un peu de mal.
J'ai mis le code suivant dans le javascript de ma page

Code :

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

1
2
3
 
$('#domiciliation_paiement').on('change', '.foo', function(){
$(this).nextAll('.foo').val($(this).val())})

Et voici le code de ma boucle :

Code :

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

1
2
3
4
5
 
for ($n=0; $n<11; $n++) 
{
<input style='text' id='domiciliation_paiement' name='domiciliation_paiement[".$n."]' size='15' value=''>
}

Où est l'erreur ?

[SpaceFrog]

1 as tu intégré jquery ?
2 .foo = class tu n'as pas de class sur tes inputs ...

[Devilju69]

J'ai bien importé jquery

Et meme avec la class

Code :

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

<input style='text' id='domiciliation_paiement' class='foo' name='domiciliation_paiement[".$n."]' size='15' value=''>

[SpaceFrog]

un id doit etre unique sur la page ...
et ton tableau de names est inutile

Code :

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

1
2
3
4
5
 
for ($n=0; $n<11; $n++) 
{
echo '<input style="text" id="domiciliation_paiement'.$n.'" name='domiciliation_paiement[]' size='15' value=''>
}

ensuite le selectionneur jquery doit etre par "id commençant par"

Code :

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

$("[id^='domiciliation_paiement']")

ou par name

Code :

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

$('[name="domiciliation_paiement\\[\\]"]')

[Devilju69]

Je ne comprends pas tout !

Voici mon code de traitement

Code :

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

1
2
3
 
$("[id='domiciliation_paiement']").on('change', '.foo', function(){
	$(this).nextAll('.foo').val($(this).val())})

Et l'autre

Code :

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

<input style='text' id='domiciliation_paiement".$n."' class='foo' name='domiciliation_paiement[] size='15' value=''>

Et cela ne fonctionne pas

[SpaceFrog]

commence par => ^

regarde bien le code donné au dessus ...

Code :

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

$("[id^='domiciliation_paiement']")

.

[Devilju69]

^ sert à quoi exactement ?

Mais cela ne marche toujours pas

[SpaceFrog]

^sert à dire "commence par" comme dans les expressions régulières

http://jsfiddle.net/H5smS/1/

[Devilju69]

Ok !!

Par contre les inputs s'affiche bien en avec ton while. Par contre pour l'incorporer dans mon code, je suis obligé de passer par là où je peux le faire avec mon for en php ?

[SpaceFrog]

tu peux le faire avec ton for en php... je t'ai même donné le code plus haut ...

Code php :

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

1
2
3
4
for ($n=0; $n<11; $n++) 
{
echo '<input style="text" id="domiciliation_paiement'.$n.'" name="domiciliation_paiement[]" size='15' value=''>';
}

[Devilju69]

Mais cela ne marche pas.

Voici mon code exact :

Code :

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

1
2
$('body').on('change', "[id^='domiciliation_paiement']", function(){
	$(this).nextAll('.foo').val($(this).val())})

Code :

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

1
2
3
4
5
 
for ($n=0; $n<11; $n++) 
		{
<input style='text' id='domiciliation_paiement".$n."' class='foo' name='domiciliation_paiement[]' size='15' value=''>
}

[SpaceFrog]

tu as mis ta declaration de change dans le ready ?

Code :

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

1
2
3
4
$(function(){
$('body').on('change', "[id^='domiciliation_paiement']", function(){
	$(this).nextAll('.foo').val($(this).val())})
})

[Devilju69]

Oui. Quand je copie le code avec le while ca fonctionne bien.