Tag: 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); } } }); […]

如何为自动完成function获取正确的json-datatype?

当我尝试这个时,它按预期工作:在两个字符后显示匹配的条目。 $( document ).ready( function() { var data = [ ‘John’, ‘Jack’, ‘Joe’, ‘Lisa’, ‘Barbara’ ]; $( “#name” ).autocomplete({ source: data, minLength: 2 }); }); Name: 这表现不同:在两个字符后,它始终显示所有条目? 第二个例子有什么问题? #!/usr/local/bin/perl use warnings; use 5.014; use utf8; use Mojolicious::Lite; get ‘/eingabe’ => sub { my $self = shift; $self->render( ‘eingabe’ ); }; get ‘/search_db’ => sub { […]

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。 提前致谢。

Jquery:在加载DOM后添加到页面的输入元素上使用autocomplete()

我正在使用这个自动完成插件与Jquery一起工作: jQuery Autocomplete Mod 您可以通过简单添加$(“selector”)来使用它.autocomplete(url [,options]); 当页面加载时,有5个Input元素(id = channel后跟一个数字),这就是我使用此代码在每个输入上初始化自动完成插件的原因: $(document).ready(function() { $(‘input[id^=”channel”]’).each(function(){ $(this).autocomplete( “autocomplete/autocomplete.php”, { some options that don’t matter now I guess } ); }); }); 但是现在我还希望自动完成插件能够处理在加载页面后通过调用javascript函数(通过单击链接)添加的Input元素(相同的id语法)。 我现在有Jquery的live()函数,但我不知道如何在这里使用它。 我相信有一个很好的方法可以做到这一点,但我现在无法想到正确的方法。 提前致谢! 菲尔

JqueryUI自动完成function可防止外部点击关闭

是否有解决方案可以防止在外部点击后隐藏搜索结果? 我有一个长期运行的ajax请求,不想坐等待直到它完成。 它必须在后台工作,并且按下ESC键或在选择其中一个结果时关闭结果,但如果我在外面单击,则自动完成甚至不会显示结果。 我尝试过这样的东西,但它无法正常工作: … close : function (event, ui) { if ($(“ul.ui-autocomplete, .ui-widget-content”).filter(‘:hidden’).length>0 && event.keyCode !== $.ui.keyCode.ESCAPE) { $(“ul.ui-autocomplete, .ui-widget-content”).filter(‘:hidden’).show(); } }

使用PHP自动完成

它是我的HTML代码: $( “#tags” ).autocomplete({ url: ‘Ajax.php?txt=’ }); Tags: 这是我的Ajax.php 但它不适用于自动完成。 我的错是什么?

你如何使用POST与jQuery Autocompleter?

jQuery v1.2.6 jQuery.autocompleter插件v1.1pre(来自jQuery的网站) 我无法使用’type:“POST”’提交回我的网络服务。 我不能让它被自动完成器识别。 思考? 只要我查找“q”查询字符串,下面的代码就可以正常工作。 但是,我希望通过传递更多参数来使用它来获得更高级的function,并希望如何使用自动完成器进行回发。 我知道extraParams选项。 但是,那些是通过GET或POST提交的额外参数(如果我们可以使POST工作)。 它不会改变它作为POST提交。 $(function() { $(‘#searchBox’).autocomplete( “/services/college.asmx/lookupColleges”, { delay: 5, minChars: 1, matchSubset: 1, matchContains: 1, cacheLength: 10, autoFill: false, dataType: ‘json’, parse: function(data) { var rows = new Array(); for (var i = 0; i < data.length; i++) { rows[i] = { data: data[i] , value: […]

无法复制Jquery Mobile Autocomplete演示

我试图用我自己的远程数据源复制这个演示: http://demos.jquerymobile.com/1.4.5/listview-autocomplete-remote/ 我的HTML页面与演示完全相同,但有一点不同: url: “http://localhost/sample.php”, 这是我的虚拟远程数据源sample.php <?php $a = array('apple', 'mango'); echo json_encode($a); 这里可能缺少什么? 由于我的虚拟数据只是一个简单的数组,我期待它会自动完成”apple”, “mango”但什么都没有出现。 编辑:我尝试了以下,仍然无法正常工作: <?php $a = array("apple", "mango"); header('Content-Type: application/javascript; charset=utf-8'); echo $_GET['callback'].'('.json_encode($a).');';

Jquery ui – 自动完成 – UTF8字符集

我正在研究这个jquery数据输入表单,我需要一个特定的字段来自动完成来自mysql的数据 我得到了一切工作,自动完成通过PHP匹配从sql检索数据是英语/拉丁字符很棒 问题是,当我输入希腊语时,我只得到案例SENSITIVE匹配,如果我输入正确的情况,我得到我的匹配,一切顺利,但id’喜欢它是不敏感的情况 如你所知,我正在使用它与外部源,所以我猜它必须是比较两个字符串的东西…正确打字的情况下工作正常… 另外,正如你将在我的代码中看到我有一个数组[id,name]和我当前的配置,(甚至区分大小写)我搜索名称,下拉列表出现,当我点击我想要的名字时,单元格被填充ID,当我提交表单时,id会被发布到下一个php页面。 有什么方法可以有完全相同的东西,但不是用id填充字段来填充它的名称? 即:搜索名称,获取名称下拉列表,点击并在字段中获取名称,当我提交我的ID时发布? 任何帮助将不胜感激。 这是代码: 等等… Last name: 这是js: $(function() { var cache = {}, lastXhr; $( “.name” ).autocomplete({ minLength: 1, source: function( request, response ) { var term = request.term; if ( term in cache ) { response( cache[ term ] ); return; } lastXhr = $.getJSON( “search.php”, request, function( […]