Question

我正在使用jquery 1.9.1和jquery-ui 1.10.1。

我有一个来自PHP代码的json数据源，用于从MySQL数据库中提取数据。数据使用json_encode编码，并以下列格式出现：

[{"label":"label1","value":"value1"},{"label":"label2","value":"value2"},...]

select 事件工作正常，当我从自动完成菜单中选择项目时， ui.item 参数包含正确的信息，但是在更改中（ autocompletechange）事件， ui.item 参数始终为 null 。

  $( "#autocomplete" ).autocomplete({ source: 'custSearch.php',
                                      select: function(event, ui) {
                                            console.log(ui);
                                            $( "#customer" ).text(ui.item.label);
                                            $("#validpic").remove();
                                            $("#validpic_div").append("<img id='validpic' src='/images/icons/001_06.png'>");
                                            $( "#go" ).focus();
                                          },
                                       change: function(event, ui) {
                                            console.log(ui);
                                          }
                               });

同样，在上面的代码中， select ui.item 包含来自json数据源的标签和值对。但是，更改 ui.item 始终为空，即使已进行选择也是如此。

从jquery-ui autocomplete api文档中， ui.item 应为：

从菜单中选择的项目（如果有）。否则该属性为null。

有什么建议吗？

jquery-ui自动完成更改事件ui.item始终为null

0 个答案: