Validation des options de liste déroulante pour les champs de sélection pré-remplis avec JQuery

J’ai cette pièce JQuery pour empêcher la sélection d’options de liste déroulante déjà sélectionnées dans un autre champ.

var $coll = $( 'select[name$="service"]' ).on( 'change', function () { $coll.each(function () { var val = this.value; if ( val === 'original' ) return; $coll.not( this ).children( '[value="' + val + '"]' ).prop( 'disabled', true ); }); }); 

Le problème est que cela ne fonctionne que lorsque vous démarrez une sélection à partir de zéro (formulaire vide). Lorsque j’ai un formulaire qui a des champs avec des options présélectionnées, la fonction n’intervient qu’après la deuxième tentative.

Savez-vous comment je peux changer cela pour vérifier également les champs pré-remplis?

• Comment empêcher les liens dans l’iframe de s’ouvrir dans un nouvel onglet
• JQuery .html () supprime le saut de ligne sur IE 8
• comment vérifier si une div est focalisée ou non dans jQuery?
• Remplir une image dans un conteneur carré tout en conservant les proportions
• Définir la couleur de fond pour un élément sélectionné dans une option de sélection (multiple)

• Le site Web clignote entre les charges
• Animation CSS “bloquée”
• ipad désactiver les options de sélection sans jquery
• Capture Scroll on Overflow: éléments cachés
• Détecter le formulaire sous forme annulée avec Javascript