jjzjj

Autocomplete

全部标签

javascript - 使用 javascript 输入时缩小项目列表

我正在尝试找到一个插件或一种可靠的方法来缩小用户类型的项目列表。基本上会有一个始终可见的列表,其中包含供用户滚动浏览的产品名称。底部是一个表格,您可以在其中输入产品名称。当您键入时,列表会缩小。我一直在尝试找到一种方法来调整jQueryUI的自动完成功能以这种方式工作,但遇到了一些麻烦。以前有人创造过类似的东西或有任何想法吗? 最佳答案 这是一个可行方法的简单示例:HTML:AppleBananaMangojQuery:var$products=$('#productsli');$('#filter').keyup(function

javascript - JQuery AutoComplete,手动选择第一个搜索项并绑定(bind)点击

这个问题在这里已经有了答案:Howdoyoutriggerautocomplete"select"eventmanuallyinjQueryUI?(11个答案)关闭9年前。我想在自动完成中手动选择一个项目并在给定值的情况下单击它。以下代码:autocompleteitem.autocomplete("option","autoFocus",true).autocomplete("search",autocompleteitem.val());autocompleteitem是一个输入对象,它包含我要搜索的值。现在这段代码成功地从下拉列表中选择了第一项,但没有点击它。我不想自己点击它,我

javascript - 如何使用 handlebars/mustache 和 bootstrap typeahead 来渲染项目

我想使用handlebars模板自定义由bootstrap-typeahead呈现的项目。查看代码似乎默认项是.假设我想使用Handlebars模板来呈现我的项目。我认为我应该以这种方式(1)重新定义渲染函数。我的问题是:应该如何使用(1)withbootstrap-typeahead.jsv2.1.0`?这是(2)关于我传递给$.fn.typeahead的选项的代码(3)我的Handlebars/mustache模板。(1)varrenderItem=function(ul,user){//useristheBackbone.Modelreturn$('').data('item.a

javascript - 添加到 ace-editor 明智的自动完成 : List user-defined functions and variables (javascript language)

我想将用户定义的函数和变量列表添加到ace编辑器的自动完成功能中。为此,我想检查用户插入到文档中的所有代码,找到定义的函数(及其参数)、定义的变量及其作用域等。主要问题这些数据是否已经在ace源代码(或语言插件)的某处计算出来,我可以通过某种方式获取它?`我想要什么例如,如果用户插入这样的代码:varvar0='abcd';functionfoo(var1,var2){varvar3='efg';}我想在自动完成框中添加名为“foo”的函数,它有两个参数——var1和var2。我还想将var0添加到变量列表中,并在用户在定义的范围内(在函数中)写入时添加var3。我已经知道的:我知道如

javascript - GoogleMaps v3 autocomplete.getBounds() 设置后返回 undefined

我在尝试将Googlemap自动完成的结果偏向放置在map上的最后一个图钉时遇到问题。我在这里关注谷歌的教程:https://developers.google.com/maps/documentation/javascript/places-autocomplete#change_search_area我的CoffeeScript代码如下:initSearch=->autocomplete=new(google.maps.places.Autocomplete)(document.getElementById('location-query'),types:['geocode'])a

javascript - 如何在html文件而不是js文件中调用js补全?

我已经通过这种方式安装了tern_for_vim和YouCompleteMe来完成js。1个安装节点curl-o-https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh|bashsource~/.nvm/nvm.shnvminstallnode2安装tern_for_vim$cd~/.vim/bundlegitclonehttps://github.com/marijnh/tern_for_vim3安装YouCompleteMecd~/.vim/bundle/YouCompleteMe$./install.

javascript - 用于输入地址的自动完成文本框是个好主意吗?

通过传统表格输入我的地址让我抓狂:既然可以从我的邮政编码推断出我的城市和州,为什么我必须输入我的城市、州、和邮政编码?从下拉列表中选择您的状态是一件很痛苦的事情——通常您不能进入它,您必须使用鼠标等等。alttexthttp://img10.imageshack.us/img10/7404/traditionaladdressform.png因为我觉得这个过程非常令人反感,所以当我设计我的在线商店(bombsheets.com)时,我决定为地址构建一个自动完成小部件。在您输入时,我们会尝试对您的地址进行地理编码(通过Googlemap):alttexthttp://img403.ima

Javascript 检测浏览器自动完成值的选择

我有一个带有onkeyup事件的文本字段。但是当我选择浏览器自动完成值时,不会触发此事件。我添加了一个onclick事件,但它不起作用。我已经测试了stackoverflow上发布的许多解决方案以捕获浏览autocoComplete选择,但没有解决这个问题。试试这个简单的例子来查看问题(在Firefox3.6、Chrome10.0和IE8上重现):Test//Tapeavalueandsendit.ThenselectthisvaluewithyourbrowserAutoCompletevalue:Resultofonkeypressandonclick:Theissue:Resul

javascript - 如何以编程方式更改 google maps api 自动完成输入的选择?

我了解,为了使用googlemapsjavascriptAPIv3以编程方式触发place_changed事件,您需要执行以下操作:google.maps.event.trigger(autocomplete,'place_changed');然而,这只是触发了事件中指定的回调,实际上并没有对做任何事情。附加的元素。我需要做的是以编程方式更改自动完成中的选择到特定位置或在先前检索到的地点对象中指定的地点:autocomplete.getPlace()我当然可以直接更改输入中的值:input.value='Whatever';但是这样做不会改变自动完成选择。这样做之后,用户必须删除中的整

javascript - jQuery 自动完成渲染项目未执行

我在同一个HTML上有两个使用相同自动完成功能的文本框(输入类型文本)。第一个文本框工作正常,但第二个文本框不呈现结果。它与服务器通信,我得到了结果,但甚至没有调用渲染函数。输入之间的唯一区别是,一个位于开始隐藏的div中,我通过设置高z顺序并屏蔽HTML来显示类似于对话框窗口。这是第二个输入框所在的div的CSS。.windowBooking{position:absolute;width:450px;/*height:200px;*/display:none;z-index:9999;padding:20px;}自动完成功能:$(".makeClass").autocomplete