Je dois supprimer un nombre spécifique d'une valeur d'entrée. Exemple:
Lorsque l'utilisateur cliquer sur un bouton avec un numéro, je devrai supprimer avec jQuery ou JavaScript à partir de l'entrée de l'entrée.
aucune idée de la réalisation? < p> merci.
4 Réponses :
comme @Epascarello suggéré:
p>
<input name="boxesnumbers" value="5 3 1"> <a href="#" onclick="removethis(3)">3</a> <a href="#" onclick="removethis(5)">5</a> <a href="#" onclick="removethis(1)">1</a>
Vous pouvez utiliser ceci:
<input name="boxesnumbers" value="5 3 1">
<a href="#" >3</a>
<a href="#" >5</a>
<a href="#" >1</a>
<script>
$('a').click(function() {
$('[name="boxesnumbers"]').val($('[name="boxesnumbers"]').val().replace($(this).text(), ''))
});
</script>
Je recommanderais vivement de refactoriser votre code existant pour ne pas utiliser les attributs inlick code> onclick code>.
Un moyen plus élégant d'accomplir ce serait pour donner à chaque lien un P>
Data-Supprimer Code> Attribut, puis Référez cette valeur dans un écouteur d'événement plutôt que dans un appel de gestionnaire codé dur. Le résultat est plus organisé, code compréhensible qui vous permet également de modifier removethis code> ou de désactiver certains liens sans modifier le code HTML, si vous devez le faire. P>
<input name="boxesnumbers" value="5 3 1">
<a href="#" data-remove="3">3</a>
<a href="#" data-remove="5">5</a>
<a href="#" data-remove="1">1</a>
Vous pouvez essayer l'expression régulière veillera à ne supprimer que les nombres complets de la liste des valeurs, donc si vous avez "2 12" et cliquez sur 2, il ne sera que Supprimer la valeur 2 et non le 12.
Bizarre, vous traitez des liens comme des cases à cocher.
Vous pouvez utiliser jQuery ou JavaScript pour accéder aux attributs de votre
entrée . Il suffit de regarder dans la documentation en ligne pour JQuery ou JavaScript. Par exemple, effectuez une recherche sur le Web sur "Valeur d'entrée de JQuery Change".Donc, lisez la valeur, divisez-la en chiffres, ajoutez ou supprimez