Discussion :

[estmars]

Bonjour,

j'ai un peu de mal à exprimer ce que je veux, mais c'est simple à comprendre à travers du code.

J'ai 4 champs input, et j'aimerais qu'à l'évènement change de n'importe lequel d'entre eux, il s'exécute la même action. Mais comment faire le lien?

ci dessous, l'expression de ce que je voudrais faire, mais je ne sais pas comment le faire en jquery ;

Code :

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

$('input#field1', 'input#field2', 'input#field3', 'input#field4').change(function() { ... })

Merci !

edit : j'aurais voulu m'éviter d'écrire ça en fait :

Code :

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

1
2
3
4
5
6
7
function maFonction() { ... }
 
 
		$('input#field1').change(function() { maFonction();});
		$('input#field12').change(function() { maFonction();});
		$('input#field13').change(function() { maFonction();});
		$('input#field14').change(function() { maFonction();});

[Bovino]

T'étais pas loin

Code :

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

$('input#field1, input#field2, input#field3, input#field4').change(function() { ... });

et puisqu'un id doit être unique dans la page, il me semble que tu gagneras en performances avec

Code :

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

$('#field1, #field2, #field3, #field4').change(function() { ... });

qui t'éviteras d'avoir à résoudre la partie $('input') avant de rechercher l'id

[micetf]

Bonsoir,

Aussi bien, un simple :

Code :

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

$('input').change(function() { maFonction();});

suffirait,

mais l'utilisation d'un attribut class="inputquichange" sur les input concernés ne serait-il pas plus judicieux avec :

Code :

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

$('.inputquichange').change(function() { maFonction();});

Ce qui permettrait dans le futur de rajouter n'importe où un input ayant ce comportement uniquement en lui attribuant ce class="inputquichange" et sans avoir à tripatouiller le js.

[Bovino]

Code :

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

$('input').change(function() { maFonction();});

Oui et non : ça suppose que tous les input de la page devront avoir ce comportement.

Code :

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

$('.inputquichange').change(function() { maFonction();});

Là oui, entièrement d'accord
Et effectivement, ça permettra de faciliter d'éventuelles mises à jour (ça perdra un peu en performances il me semble, mais l'intérêt apporté par la maintenance le justifie amplement).

[estmars]

Merci beaucoup pour vos réponses , c'est vrai j'aurais pu passer par une classe commune aux 4 input, mais je voulais surtout les précisions syntaxiques de bovino qui me seront utiles plus tard aussi.

Bonne journée !

[estmars]

Je vous embête encore un tout petit peu désolé.

J'ai plusieurs input comme dit précédemment, mais j'ai aussi 2 select, et sur les select, l'évènement "change" ne marchant pas, j'ai besoin de focusout ;

du coup, comment lier le tout à une fonction ?

Pour plus de clarté, je cherche la syntaxe afin de lier le change des input au focusout des select ;

de ces deux lignes de codes, je voudrais n'en faire qu'une

Code :

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

1
2
3
4
 
$('input#field1, input#field2, input#field3, input#field4').change(function() { maFonction();});
 
$('#select1, #select2').focusout(function() { maFonction();});

Merci !

edit : pardon, le focusout je ne l'applique pas sur les select, mais sur le div qui les englobe.