在点击选择时调用Ajax加载选项后刷新选择

时间:2012-10-20 21:41:52

标签: jquery ajax forms select dynamic

没有太多运气研究这个atm。很多关于移动jquery但不是标准的。

基本上我有一个带有一些php加载选项的标准选择列表。我正在做的是当用户点击select时调用ajax请求,该请求根据其他变量将额外选项加载到选择菜单中。很简单,但选择菜单不会重新加载列表,直到菜单重新聚焦(再次单击关闭)。

我已经尝试了.selectmenu('refresh', true);.trigger('refresh');,但我认为这不是这些功能的意思,而且你可以猜测不起作用。

任何想法或任何人都解决了这个问题?我确定我已经在带有负载符号的其他网站上看到过这种情况,但我猜这可能不是一个选择,而是某种定制的UL。

我的用户无法单击菜单只是单击它然后再次单击,并且不希望单击单独按钮时加载ajax,因为这应该是一个快速功能。

我也不能在设置变量时加载它。

1 个答案:

答案 0 :(得分:1)

我发现这种方式,在#id_select-button的click事件上返回false,jquery mobile添加'-button'并手动打开选项。

$('#select-choice-1-button').click(function(){

    setTimeout(function(){
        $('#select-choice-1').append('<option value="gg">TEST SUCCESS</option>');
        $('#select-choice-1').selectmenu('refresh');
        $('#select-choice-1').selectmenu('open');
    }, 2000);

    return false;
});

http://jsfiddle.net/HVahC/1/