JQuery的自动完成下拉菜单选择功能

Question

能否请你帮我如何从自动完成下拉

下面就请选择一个项目的火javascript函数txtID（）是段

$("Autotxt").autocomplete({ 
    source: function (request, response) { 
     $.ajax({ 
      type: "POST", 
      contentType: "application/json; charset=utf-8", 
      url: "Webservice.asmx/GetNames", 
      data: "{'prefixText':'" + request.term + "'}", 
      dataType: "json", 
      success: function (data) { 
       response($.map(data.d, function (item) { 
        return { 
         label: item.split('|')[0], 
         val: item.split('|')[1] 
        } 
       })) 
      }, 

      error: function (result) { 
       alert("Due to unexpected errors we were unable to load data"); 
      }, 
      failure: function (response) { 
       alert("Due to unexpected errors we were unable to load data"); 

      } 
     }).result(function (event, ui) { 
      txtID(ui.item.val); 
     }); 
    }, 

    minLength: 2 
}); 

function txtID(val) 
{ 
alert(val) 
} 

任何帮助将是非常感激。 谢谢

Answer 1

使用select事件的自动完成的：

$("Autotxt").autocomplete({ 
    source: function(request, response) { 
     ... 
    }, 
    select: function(e, ui) { 
     txtID(ui.item.value); 
    } 
}); 

Autocomplete Select Event

Answer 2

1.您的自动填充功能无法工作，因为没有称为Autotxt的HTML元素，您必须为其提供#Autotxt ID或类.Autotxt才能正确选择它。
2.您必须查看您的“建议”列表是如何命名的，以便绑定.on("click",...)事件，以便能够调用您的函数。