1

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

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

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

当我从自动完成菜单中选择一个项目时，选择事件工作正常，并且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始终为 null，即使已进行选择。

从 jquery-ui 自动完成 api 文档中，ui.item应该是：

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

有什么建议么？

4

0 回答 0