L'option jQuery UI Selectmenu définie dynamiquement ne modifie pas la valeur sélectionnée visible

Je suis à l'aide de jQuery UI Selectmenu et éprouve de la difficulté de définir la valeur de rendu sélectionné. Il semble changer l'option sélectionnée dans le select sous-jacente, mais la selectmenu ne pas montrer le changement. Je suis d'appel .selectmenu('refresh', true) mais rien ne se passe.

Voici un exemple: http://jsfiddle.net/sociobit/wYBeL/

source d'informationauteur SocioBit | 2012-03-29

  1. 13

    Hiya Donc démo (Solution) http://jsfiddle.net/wYBeL/43/ au lieu de rafraîchissement essayer .selectmenu("value", selectedValue); OU (Hack) http://jsfiddle.net/wYBeL/36/ (qui garde la selectpopup réglage de la vôtre 🙂 Ce que jamais vous convient

    Donc j'ai vérifié les DOM à l'aide de firebug et il semble que le selectmenu() style: menu contextuel ajoute une couche supplémentaire de style, mais le #sel2 valeur est définie correctement et vous avez juste besoin de configurer le droit de l'élément avec la valeur correcte. Je pense que l'actualisation de travail lorsque vous avez un ajax remplissage d'une liste déroulante et rafraîchissante partie de la page.

    Hmm, vous pouvez essayer de regarder l'API pour plus de détails, et Dans le cas où si vous n'avez pas besoin selectmenu popup puis sans elle, cela fonctionne ainsi comme @jiimw dit: (Mais le style va bizarre) : http://jsfiddle.net/wYBeL/35/ ;s'il vous Plaît laissez-moi savoir si ce n'aide pas, je vais supprimer le post.

    maillon supplémentaire: http://wiki.jqueryui.com/w/page/12138056/Selectmenu

    De l'espoir à la fois aide.

    Code JQuery ici

    $(function() {

    $('select').selectmenu({
        style: 'popup'
    });

    $('#chksame').click(function() {
        if ($(this).is(':checked')) {
            var selectedValue = $('#sel1').val();
            $('#sel2').val(selectedValue);

            $('#sel2').selectmenu("value", selectedValue);

        }

    });
});​

    ** OU **

    $(function() {

        $('select').selectmenu({
            style: 'popup'
        });

        $('#chksame').click(function() {
            if ($(this).is(':checked')) {
                var selectedValue = $('#sel1').val();
                $('#sel2').val(selectedValue);

                //set the right element with the select value
                $('#sel2-button span').text($("#sel2 option[value='" + selectedValue +"']").text());

                $('#sel2').selectmenu('refresh', true);

            }

        });
    });​

    Acclamations