input range & input text : changement de valeur en même temps
Salut !
Je suis actuellement en train de coder des programmes pour tout ce qui touche au crédit (Capital, taux, mensualité, etc..)
J'essaie de créer un formulaire qui se met à jour automatiquement en changeant les données, non pas à la fin en validant par un bouton mais en LIVE..
Sachant qu'en javascript il est possible de le faire (J'ai la solution), j'essaie de trouver un code en jquery pour actualiser directement l'input de type range et l'input de type text, quand un change l'autre doit faire de même en même temps.
Voici un début de code :
Code:
1
2
3
4
5
6
7
8
9
| var credits = 100,
html = '<li>Apply Credits: \
<input type="range" min="0" max="200" value="'+credits+'" name="discount_credits" id="discount_credits" />\
<span>' + credits + '</span>\
</li>';
$("body").append(html);
$('#discount_credits').on("change mousemove", function() {
$(this).next().html($(this).val());
}); |
Dans ce code comme vous pouvez le remarquer, j'envoie vers body un input qui donnera sa valeur à une prochaine balise span (Grâce à next() ) en même temps que je bouge le curseur de l'input range.
Je souhaite changer le span par un input de type text pour changer la valeur du curseur range et que cela se fasse en même temps..
J'ai essayé ça mais ça ne marche pas...
Code:
1
2
3
4
5
6
7
8
9
| var credits = 100,
html = '<li>Apply Credits: \
<input type="range" min="0" max="200" value="'+credits+'" name="discount_credits" id="discount_credits" />\
<input type="text" value="'+credits+'" size="4">\
</li>';
$("body").append(html);
$('#discount_credits').on("change mousemove", function() {
$(this).next().parseFloat('#discount_credits').val();
}); |
Merci !
