jQuery Mobile - 选择下拉列表问题

时间:2012-06-14 14:24:19

标签: jquery jquery-mobile

我在下拉列表中有一些日期和时间选择器。

我可以使用以下方法预先选择当前日期,月份等:

var d = new Date();
var day = d.getDate();
var month = d.getMonth()+1;
var year = d.getYear();

$('#day option[value=' + day + ']').attr('selected',true);
$('#month option[value=' + month  + ']').attr('selected',true);
$('#year option[value=' + year  + ']').attr('selected',true);

使用以下方法初始化:

$('#page-id').bind('pageinit', function(event) {...});

当我查看页面源时,选择了正确的选项,但是选择下拉列表只显示第一个选项,例如今天的日期,即14日,被选中,但实际的下拉列表是第1次。

单击下拉列表并重新选择当前日期,选择仍然不会改变!

我必须选择不同的日期并重新选择当天才能获得更改视图的选项。

我跑了一个jsFiddle,这很有效 - http://jsfiddle.net/3aRgR/

2 个答案:

答案 0 :(得分:1)

没关系,我在官方文档中找到了它!你必须这样做:

$('#day').selectmenu('refresh');

答案 1 :(得分:0)

您必须选择2个选项。尝试先取消选择或尝试更具可读性:

$('#day').val(day);