jQuery 输入选择器答案

【问题标题】：jQuery input selectorsjQuery 输入选择器
【发布时间】：2012-01-21 07:46:23
【问题描述】：

当用户从自动完成文本框（它使用 jQuery UI）中选择时，我将如何启动一个函数（在本例中为一些 ajax）。

EG 用户单击输入框，输入“A”，然后使用自动完成功能解析其中包含 A 的项目，一旦他们选择（单击或按 Enter）然后执行事件。

【问题讨论】：

【解决方案1】：

使用select 回调。 From the docs:

从菜单中选择项目时触发； ui.item 是指选中的项目。 select 的默认操作是将文本字段的值替换为所选项目的值。取消此事件会阻止值被更新，但不会阻止菜单关闭。

代码示例

提供一个回调函数来处理选择事件作为初始化选项。

$( ".selector" ).autocomplete({
   select: function(event, ui) { ... }
});

按类型绑定到选择事件：autocompleteselect。

$( ".selector" ).bind( "autocompleteselect", function(event, ui) {
    ...
});

【讨论】：

【解决方案2】：

您应该阅读带有如此模糊问题的文档。是最好的资源。 http://docs.jquery.com/UI

【讨论】：

【解决方案3】：

$( "#element_id" ).autocomplete({
   select: function(event, ui) {
   var selected_value = $(this).val();
   // do something
   }
});

【讨论】：