Le but de ce travail en javascript est le suivant ; faire basculer des options entre deux listes <select>. Selon l'option sélectionnée, le bouton "ajouter" et "supprimer" changent de nature, soient enabled & disabled. Si je choisi une option se trouvant dans la première liste, le bouton "supprimer" doit être disabled, et le bouton "ajouter" enabled, et inversement pour l'autre liste.
Seulement, mon code ne fonctionne pas totalement; les boutons s'activent et se désactivent "aléatoirement".
N'attache pas d'events dans un callback d'un aute events, sauf cas spécial.
Voici a quoi sa devrais ressemble :
// DOMContentLoader
{
// Recuperation des elements
// elemFruits
const elemFruits = document.querySelector('#liste_fruits')
// elemtPanier
// btnAdd
// btnRemove
// Attach des events
// elemFruits 'change'
// => switch des button
// elemtPanier 'change'
// => switch des button
//btnAdd Click
// ajouter l'element selectioner dans elemPanier
// retirer l'element selectioner dans elemFruits
//btnRemove Click
// retirer l'element selectioner dans elemPanier
// ajouter l'element selectioner dans elemFruits
}
Boutons et option:selected
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.