php – 如何使jQuery自动完成列表显示所有选项onfocus并隐藏选项后选项?

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – 如何使jQuery自动完成列表显示所有选项onfocus并隐藏选项后选项?脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带有自动完成功能的表单,可以启动搜索“onfocus”并在用户点击搜索字段时显示选项列表,即使他们没有输入任何内容.

问题是自动完成需要使用键盘选择选项(向下箭头后跟制表符/返回或双击).我的第一个想法是,单击会使焦点保留在搜索字段中,因此自动完成保持可见.但是,第二次单击后搜索字段仍保持聚焦,但第二次单击后自动完成消失.

有任何想法吗?

<script>
$(document).ready(function() {

    VAR autocomplete_focus = function(){           
        if ($(this).val().length == 0) {
            $(this).autocomplete("seArch","%");
        }
    }   

    $( ".autocomplete" ).autocomplete({
            source: "../../db/autocomplete_list.PHP",minLength: 0
    });

    $( ".autocomplete" ).focus(autocomplete_focus);

});
</script>

知道之前已经发布了similar question;但是,建议的解决方案对我不起作用.

解决方法

不确定这是否可接受解决方案,但实现此目的的一种方法是使用聚焦值填充输入.这可以菜单显示两次:

/* snip: */
focus: function (event,ui) {
    this.value = ui.ITem.value;
},

这是一个例子:http://jsfiddle.net/wxQf7/

尝试删除焦点事件处理程序以查看问题中的症状.

脚本宝典总结

以上是脚本宝典为你收集整理的php – 如何使jQuery自动完成列表显示所有选项onfocus并隐藏选项后选项?全部内容,希望文章能够帮你解决php – 如何使jQuery自动完成列表显示所有选项onfocus并隐藏选项后选项?所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。