动态jQuery UI Selectmenu值不会更改可见的选定值
我正在使用jQuery UI Selectmenu并且无法设置所选渲染的值。 它似乎更改了基础选择中的选定选项，但selectmenu不显示更改。 我打电话给.selectmenu（’刷新’，真实），但没有任何反应。
这是一个例子： http ： //jsfiddle.net/sociobit/wYBeL/
Hiya So demo （解决方案） http://jsfiddle.net/wYBeL/43/而不是刷新尝试.selectmenu("value", selectedValue); 或（Hack） http://jsfiddle.net/wYBeL/36/ （保留你的selectpopup设置:)什么适合你
所以我使用firebug检查了DOM，它似乎是selectmenu（）样式：popup添加了额外的样式层，但＃sel2值设置正确，你只需要设置正确值的正确元素。 我认为当你有一个ajax填充下拉菜单并刷新部分页面时刷新将会起作用。
嗯，您可以尝试查看API以获取更多详细信息。如果您不需要selectmenu popup然后没有它，这将工作就像@jiimw说:( BUt造型很奇怪）： http ： //jsfiddle.net/ wYBeL / 35 / ;请告诉我，如果这没有帮助我将删除post。
额外的链接： 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); } }); });
干杯