【问题标题】:jQuery autocomplete trigger button on select选择时的jQuery自动完成触发按钮
【发布时间】:2011-06-20 13:27:54
【问题描述】:

我正在使用 Jorn Zaefferer 的自动完成查询插件,http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

一切似乎都在正常工作:我输入了一些文本并得到了建议。 当建议弹出时,我必须单击一个:触发文本框填充建议并隐藏所有其他建议。然后我必须点击 Search 按钮(或者使用 Enter 按钮而不是点击)。

是否可以避免必须单击(或按 Enter)两次?是否可以设置任何选项,以便选择建议不仅填充文本框而且触发按钮上的点击事件?

我尝试使用 select 选项,如下所示:

    $('#txtSearch').autocomplete({
        source: '/dictionnaire/autocomplete',
        select: function (event, item)
        {
            alert("testing");
        },
        width: 358
    });

...但是警报没有出现。 有什么建议吗?

【问题讨论】:

  • 您应该真正使用作为 jQuery UI 一部分提供的自动完成功能。不再支持您链接到的那个,jQuery UI 中的那个是它的后继者,如您链接到的页面顶部所述。
  • 据我所知,jQuery UI Autocomplete 具有相同的行为。我考虑过切换,但在尝试交替行的 css 时遇到了问题。 'open' 事件由于某种原因没有触发。
  • 您是否按照指南进行了升级?例如,不推荐使用 width 选项。无论如何你应该使用最新的插件
  • @Nicola Peluchetti 是的,我删除了宽度声明。如果我不能用这个插件解决它,我会切换到最新的,但我预见会有更多的麻烦。

标签: jquery autocomplete


【解决方案1】:

我认为您应该使用 jquery UI autocomplete 而不是那个,因为该插件已被弃用,取而代之的是另一个。

然后我会像你一样做:

$('#txtSearch').autocomplete({
    source: '/dictionnaire/autocomplete',
    select: function (event, item)
    {
        if (event.keyCode == 13){
            $('#idOfYourForm').submit()
        }
    }
});

【讨论】:

  • 正如我在原帖中所说,选择事件没有被触发。
  • 那是因为你的插件中不存在 select 事件,或者至少它不在文档中:docs.jquery.com/Plugins/Autocomplete/… 这就是为什么我建议你向其他人提出 oass
  • 太棒了,就是这样,我升级了。我什至发现了为什么我的事件没有触发。非常感谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-09-08
  • 2017-02-16
  • 1970-01-01
  • 2018-10-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多