php – 在输入字段中输入字符后自动建议?

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – 在输入字段中输入字符后自动建议?脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
系统(位置)中有一个巨大的城市和其他东西的数据库等待被驱逐出作为下拉列表,div或什么可以压缩大量的选择 – 在输入所需位置的每个字符后立即进入该输入字段.

它类似于在我们提交问题时添加标签.因此,如果我们进入“L”伦敦和拉齐奥将被列入“La”之后 – 只有拉齐奥将保持可用.

任何步骤或很酷的例子如何实现这一目标?试图找到自己很酷但没有运气的东西.我正在使用jquery.

解决方法

这可能不是最好的解决方案,但它适用于我的网站.此脚本实现街道名称自动完成,这取决于用户之前输入的州和城市.这段特殊的代码监听事件“keyup”.如果用户输入了多个字母,脚本将启动ajax请求,其中.PHP脚本分析我们发送的参数,进行SQL查询回复.如果用户足够幸运并且他对他试图找到的街道名称有一些建议,我们会向他展示id = hintsTable的div.我们还为每个自动完成选项创建事件监听器(单击),在该选项中,我们从auto complete选项中替换输入字段的值,并隐藏下拉列表.
我希望它有所帮助.

$("#street input").keyup(function(){                                                    //street enter
        VAR input = $('#street input').val(); //we get what user has already entered
        var code = $('#mregionSelect').val(); //cITy id
        if(input.length > 1)
        {
            $.ajax({
                tyPE        : "POST",url         : "components/com_areas/ajaxhelper.PHP",data        : "input=" + encodeURIComponent(input) + "&code=" + code,cache       : false,}).done(function(msg){
                if(msg.length > 0)
                {
                    $('#hintsTable').htML(msg); //fill drop-down list with auto complete options
                    $('#hints').css('display','block'); //show the list
                    $('#hintsTable tr').click(function(){
                        var hint = this.cells[0].innerHTML;
                        $('#street input').val(hint);
                        $('#hints').css("display","none");
                    })
                }
                else
                {
                    $('#hintsTable').html('');
                    $('#hints').css('display','none');
                    //$('#findButton').css('display','none');
                }
            })
        }
        else
        {
            $('#hintsTable').html('');
            $('#hints').css('display','none');
            //$('#findButton').css('display','none');
        }               
    })

脚本宝典总结

以上是脚本宝典为你收集整理的php – 在输入字段中输入字符后自动建议?全部内容,希望文章能够帮你解决php – 在输入字段中输入字符后自动建议?所遇到的问题。

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

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