我使用jQuery UI Selectmenu,并且设置渲染选择的值时遇到麻烦.似乎更改了底层选择中的选定选项,但是selectMenu不会显示更改.我正在调用.selectmenu(‘刷新’,true),但没有任何反应.
解决方法
Hiya所以演示(Solution)
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);
}
});
});
干杯
