jQuery 输入选择器

Posted 2023-05-09

【中文标题】jQuery 输入选择器

【英文标题】：jQuery input selectors

【发布时间】：2012-01-21 07:46:23

【问题描述】：

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

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

【问题讨论】：

阅读文档以了解 UI 自动完成。这真的很简单:)

我假设你使用的是 jQueryUI 的 Autocomplte，所以使用 select 选项。

【参考方案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
   
);