如何在 jquery ui 自动完成源事件中设置 id答案

【问题标题】：how to set id in jquery ui autocomplete source event如何在 jquery ui 自动完成源事件中设置 id
【发布时间】：2011-06-21 05:05:23
【问题描述】：

我想使用自动完成小部件来允许某人通过在文本框中输入员工姓名来选择员工，但我希望表单发布员工的 ID，而不是员工姓名。我提供了数据，即员工姓名作为来源。 .js 中的标签和值与我提供的来源相同我如何才能将员工姓名和 ID 分开。

  $("#txtEmployeeName").autocomplete({  
                   var suggestions =  [] ; 
                   //define callback to format results  
                   source: function(req, add){  
                   ajax call...                 
                   on success: function( data ) 
                   {                   
                      suggestions = data.split('|');
                      add(suggestions);
                   } 
                   select: function(e, ui) { 
                     //create formatted friend  
                     var friend = ui.item.value,
                         span = $("<span>").text(friend)  
                         $("#"+ $(this).attr("id")).val(span);  
                    } 

                });

【问题讨论】：

标签： jquery jquery-ui autocomplete

【解决方案1】：

您需要将 json 对象传递给源属性。

那么你的 ui.item 就是对象，有 Id，值，你想要的一切。

$(function() {                  
    var students = [{id: 1322,label: "student 1"},{id: 2,label: "Student 2"}];
    $( "#search-student" ).autocomplete({
        source: students,
        minLength: 2,
        select: function( event, ui ) {
              window.location.href="/?studentId=" + ui.item.id;
        }                   
    });             
});

查看 jQuery 的 getJSON : http://api.jquery.com/jQuery.getJSON/ 以通过 ajax 获取 json。

【讨论】：