使用 Ajax 选择选项时的事件

event when an option is selected using Ajax

本文关键字:事件 选项 Ajax 选择 使用      更新时间:2023-09-26

当我开始输入时,我有一个文本框,它给出了一个 ajax cal,我会在其中提供一些建议。 现在,当我从该自动建议中选择一个选项时,是否有任何事件,以便我可以在 js 文件中捕获该选定选项,以便我可以继续。

我试过了

这个什么也没给,

$("#searchPin").select(function() {
        var pin = $("#searchPin").val()
        alert(pin)
    });

使用了更改事件,但它只是捕获我在文本框中编写的文本,而不是我从 Ajax 调用下拉列表中选择的文本。 有什么想法吗?

jQuery UI 自动完成的文档列出了它触发的事件。使用 API。

$( ".selector" ).on( "autocompleteselect", function( event, ui ) {} );
您可以使用

blur 事件,它在用户离开文本框时触发。

编辑,因为这是jquery ui插件。

您可以使用选择功能,当从菜单中选择项目时会触发该功能。默认操作是将文本字段的值替换为所选项目的值。jquery UI 文档

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