jQuery UI自动完成响应数据

jQuery UI Autocomplete Responce Data

本文关键字：响应 数据 UI jQuery      更新时间：2023-09-26

我在访问自动完成框的脚本提供的JSON数据时遇到了一些问题，我想知道是否有人可以提供帮助。

这是处理自动完成框的Javascirpt代码：

$(function() {
             $("#student_search").autocomplete({
                  source: "functions/find_student.php",
                  delay: 100,
                  minLength: 1,
                  select: function(event, ui) {
                      student_result = ui;
                      $('#student_search').val(student_result[0].label);
                      highlightStudent(student_result.label, student_result.value.id, student_result.value.house);
                  }
            }); 
         });

反应的一个例子是：

[{"label":"larry winkles","value":{"id":1,"house":"s"}}]

当数据被发送回自动完成代码的成功部分时，我很难找到如何访问这些数据。特别是当我点击名称时，我得到的错误是：

Uncaught TypeError: Cannot read property 'label' of undefined

谢谢你的帮助。

Alex

你这样尝试过吗：

select: function(event, ui) {
   var label = ui.item.label;
   var value = ui.item.value;
}

有任何顾虑请告诉我。

我对ui变量的性质有点怀疑，如果你在Firefox上，你可以使用console.info(ui)来检查它。

我想问题是一致的：

highlightStudent(student_result.label, student_result.value.id, student_result.value.house);

替换：

student_result

发件人：

student_result[0]
相关文章：