Tag: jquery ui autocomplete

jQuery自动完成预过滤结果 – 显示全部

我有一个搜索用户数据库的ajax函数。 所有用户名都被放入一个数组中 var usernames = [“Mike Scott”, “Mike Whosname”, “Mike Johns”, “Mike Nicolas”]; 简单地说,我希望自动完成只显示此数组中的任何内容。 要么完全关闭或完全关闭搜索,所以它不会再次过滤我的结果。 原因是,我的SQL代码也搜索用户ID,所以如果我键入例如“mscott”,我的servlet将返回“Mike Scott”,它将被放入usernames数组中。 如果他们输入“mscott”,我希望他们能够选择“Mike Scott”。 自动完成function正在尝试搜索我的数组中的“mscott”,它没有显示任何结果,所以我希望它只是简单地显示我的数组中的所有内容。 这可能吗? 谢谢。 当前代码: $(‘#userInput’).autocomplete({source: usernames, search: “”, minLength: 0}).keyup(function(){ var url = “/AJAX/SearchUsers.do?searchQ=mscott”; $.ajax(url, { type: “GET”, datatype: “json”, success: function(data) { for (var i =0; i < data.length; i++) { usernames.push(data[i].username); } } }); […]

jQuery UI自动完成 – that._renderItemData不是一个函数

我采用了jQuery UI Autocomplete的简单类别示例 ,并将其集成到我的应用程序中。 当我开始在搜索栏中输入内容时,我在Firebug中收到错误“TypeError:that._renderItemData不是函数” 。 我也有一个jQuery没有冲突。 jQuery(document).ready(function($) { $.widget( “custom.catcomplete”, $.ui.autocomplete, { _renderMenu: function( ul, items ) { var that = this, currentCategory = “”; $.each( items, function( index, item ) { if ( item.category != currentCategory ) { ul.append( “” + item.category + “” ); currentCategory = item.category; } that._renderItemData( ul, item ); […]

自动填充:仅当用户在Tab键上键入时,才会关注第一项

通过使用jqueryUi autocomplete我希望第一个项目仅在用户键入tab key时自动聚焦。 我该如何执行此任务? 使用指定的autoFocus option初始化自动完成function不符合我的目的! 有任何想法吗? 这是我的代码。 请参阅评论了解更多详情。 element.autocomplete({ minLength: 3, // the following option “autoFocus = true” // make the first item focused when the user type the first 3 letters // I would like the first item focused only when I type on TAB autoFocus: false, source: function (request, response) { // […]

jQuery具有不同输入ID的多个自动完成

我使用jQuery自动完成并具有多个具有不同ID的输入字段,并且它们是从MySQL数据库填充的。 $(“#CCU1″).autocomplete({ minLength : 1, source: function( request, response ) { $.ajax({ url:””, dataType: ‘json’, data: { term : $(“#CCU1”).val(), column: ‘course’, tbl : ‘tbl_courses’ }, success: function(data){ if(data.response == ‘true’) { response(data.message); } } }); } }); 输入字段的ID为CCU1 … CCU5,name =’course’。 知道如何自动完成五个输入字段而不是硬编码每个字段吗? Course1: Course2: Course3: Course4: Course5:

EasyAutocomplete和输入宽度

当我将behavior =’autocomplete’添加到我的输入字段时,宽度正在改变,并且不再使用浏览器/屏幕resize进行缩放。 有经验的easyAutocomplete有同样的问题吗? 非常感谢你。 此代码没有数据行为是有责任的 这个带有d​​ata-behavior =“autocomplete”的代码是无效的 http://easyautocomplete.com – jQuery自动完成插件

如何在角度2 rc4中使用jQuery自动完成

我试图在角度2 rc4版本中使用jQuery自动完成,但我收到错误,因为’类型jquery上不存在’属性自动完成’ 我的HTML是: 我的app.component.ts是 heroes:any = [100,200,101]; ngOnInit(): void { jQuery( “#search-input” ).autocomplete({ source: this.heroes }); } 预期的结果应该是当我在输入框中输入1然后100和101应该弹出,我可以使用箭头键移动结果。 我已经安装了JQuery打字机,因为我的其他jQueryfunction很好,我也尝试使用https://www.npmjs.com/package/ang2-autocomplete的解决方案,但我认为它适用于另一个版本的angular rc。 提前致谢。

在ASP.NET中使用jQuery UI Autocomplete

我正在使用jQuery UI Autocomplete和ASP.NET这样:首先我将好名字序列化为字符串数组然后我将数组传递给jQuery UI自动完成源 //PageLoad tadok.Entities.TList GoodEntites = tadok.Data.DataRepository.GoodProvider.GetAll(); List GoodNames = new List(); foreach (object item_loopVariable in GoodEntites) { item = item_loopVariable; GoodNames.Add(string.Format(item.GodTitle)); } JavaScriptSerializer serializer = new JavaScriptSerializer(); Values = serializer.Serialize(GoodNames); MarkUp代码: var availableTags = $(“#txtGoodAutoComplete”).autocomplete({ source: availableTags }); 我正在序列化的对象具有名称为ID的属性。 如何在自动完成的选择项目事件中序列化ID和存储ID,例如隐藏字段? 更新我的主要挑战是如何序列化ID?

JQuery自动完成ui结果导航箭头键问题

我已经设法让jquery自动完成ui工作,我已经能够正确设置链接,唯一的问题是,你必须使用箭头键来导航,而不是能够点击建议的结果通过他们。 我进一步添加了jQuery UI css包。 queryui / 1.11.4 / jQuery的ui.min.css

如何返回“id”和“text”

我正在使用AutoComplete按名称进行搜索。 我可以输出名称,但在提交表单后,我想传递emp_id值,而不是fullname 。 如何修改它以获取emp_id值,而不是fullname ? 我提交表单后我想要它,我得到emp_id而不是fullname值。 search_employee.cfc SELECT fullname ,emp_id …. JavaScript的 $(document).ready(function() { $(‘.gettingName’).autocomplete({ source: function(query, response) { $.ajax({ url: “test.cfc?method=queryNames&returnformat=json”, dataType: “json”, data: { searchPhrase: query.term }, success: function(result) { response(result); } }); } });

jQuery自动完成。 在选择时,提醒其值在建议中

我用jQuery自动完成插件进行电影搜索。 每部电影的ID都来自IMDb的ID。 现在,我解析该ID的方式来自PHP,并且包含在一个带有class =“imdbID”的span中。 所以它看起来像这样: Movie title 1tt345813 Movie title 1tt346413 Movie title 1tt789675 Movie title 1tt185858 然后继续 以下是一个真实的例子: http : //www.screenr.com/aH0s 现在,我想选择一部电影并提醒imdbID值。 如果我使用这种方法: select:function(a,b){ var bbbb = $(“.imdbID”).text(); alert(bbbb); } 我得到所有跨度的值如下: 所以我的问题是,如何才能获得所选自动完成值的.imdbID? 谢谢