Mettre à jour la sélection déroulante avec la sélection du bouton radio à l’aide de jQuery

Donc, ceci est un suivi de ce post . Je dois remplacer certains menus déroulants par des boutons radio sans modifier le code HTML. Dans l’article que j’ai déjà lié, quelqu’un a mis au point une solution Jquery très intelligente qui remplace le menu déroulant par des boutons radio et met à jour la sélection du menu déroulant lorsque l’un des boutons radio est sélectionné.

Cependant, lorsque je l’ai implémenté avec le plugin, les boutons radio apparaissent, mais ils ne mettent pas à jour la valeur du menu déroulant lorsqu’ils sont sélectionnés. Je soupçonne qu’il y a un conflit avec js ailleurs sur la page, mais après quelques essais et erreurs, je ne peux toujours pas comprendre ce qui se passe. Des idées? Le site en question peut être trouvé ici

Voici la solution originale de l’article précédent

Alors voici le code mis à jour:

 $(function(){ $("#options-1 option").each(function(i, e) { $("") .attr("value", $(this).val()) .attr("checked", i == 0) .click(function () { $("#options-1").val($(this).val()); }) .appendTo("#r"); $("#options-1").change(function(){ $("input[name='r'][value='"+this.value+"']").attr("checked","checked"); }); }); });  

Vous devez avoir cette fonction en plus de votre code existant

 $("#d").change(function(){ $("input[name='r'][value='"+this.value+"']").attr("checked","checked"); });