Bonjour à tous,
Je n'ai pas réussi à trouvé un sujet où l'on parle de ce problème (ou alors j'ai mal cherché).
Voici ce qui se passe :
J'ai un formulaire assez complexe dans lequel plusieurs actions peuvent modifier la valeur d'un champ. J'aimerais effectuer une action lorsque le champ cible est modifié. Or l'évènement onchange ne s'exécute que lorsque c'est l'utilisateur qui change la valeur du champ. Si la valeur est modifiée en javascript l'évènement onchange n'est pas exécuté.
Voici un cas très simple qui démontre le problème en question :
Lorsque je modifier le champ "test", le span "test_value" change bien (lorsque je quitte le champ). Mais quand je clique sur "Changer", ça modifie la valeur du champ mais pas du span...
Connaissez-vous une solution pour cela ?
Merci d'avance
Je n'ai pas réussi à trouvé un sujet où l'on parle de ce problème (ou alors j'ai mal cherché).
Voici ce qui se passe :
J'ai un formulaire assez complexe dans lequel plusieurs actions peuvent modifier la valeur d'un champ. J'aimerais effectuer une action lorsque le champ cible est modifié. Or l'évènement onchange ne s'exécute que lorsque c'est l'utilisateur qui change la valeur du champ. Si la valeur est modifiée en javascript l'évènement onchange n'est pas exécuté.
Voici un cas très simple qui démontre le problème en question :
<form action="">
<input type="text" value="" id="test" /><br />
<span id="test_value"></span><br />
<span id="test_change">Changer</span>
</form>
document.getElementById('test').onchange = function() {
document.getElementById('test_value').innerHTML = this.value;
};
document.getElementById('test_change').onclick = function() {
document.getElementById('test').value += ' ha';
};
Lorsque je modifier le champ "test", le span "test_value" change bien (lorsque je quitte le champ). Mais quand je clique sur "Changer", ça modifie la valeur du champ mais pas du span...

Connaissez-vous une solution pour cela ?
Merci d'avance