动态jQuery UI Selectmenu值不会更改可见的选定值

Question

我正在使用jQuery UI Selectmenu并且无法设置所选渲染的值.它似乎更改了基础选择中的选定选项,但selectmenu不显示更改.我打电话.selectmenu('刷新',真实)但没有任何反应.

这是一个例子:http://jsfiddle.net/sociobit/wYBeL/

Answer 1

Hiya So demo(解决方案)http://jsfiddle.net/wYBeL/43/而不是刷新尝试.selectmenu("value", selectedValue);OR(Hack)http://jsfiddle.net/wYBeL/36/(保持你的selectpopup设置:)什么都适合您

所以我使用firebug检查了DOM,看起来是selectmenu()样式:popup添加了额外的样式层,但是#sel2值设置正确,你只需要设置正确值的正确元素.我认为当你有一个ajax填充下拉菜单并刷新页面的一部分时,刷新将会起作用.

嗯,你可以尝试查看API以获取更多细节,如果你不需要selectmenu弹出窗口,那么没有它就会像@jiimw说的那样工作:( BUt造型很奇怪):http://jsfiddle.net/ wYBeL/35 / ;请告诉我,如果这没有帮助我将删除帖子.

额外的链接:http: //wiki.jqueryui.com/w/page/12138056/Selectmenu

希望都有帮助.

这里是JQuery代码

$(function() {

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

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

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

        }

    });
});?

**要么**

$(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);

            }

        });
    });?

干杯