Tag: jquery ui autocomplete

jQuery UI自动完成多个值

我的jQuery Autocomplete有一个奇怪的问题。 我有一个自动完成文本框，它可以检索多个值并将它们列好，但是，我想要做的是为隐藏字段中的每个选定项目设置另一个值。 这是我正在使用的代码： $(‘#RecipientsList’) // don’t navigate away from the field on tab when selecting an item .bind( “keydown”, function( event ) { if ( event.keyCode === $.ui.keyCode.TAB && $( this ).data( “autocomplete” ).menu.active ) { event.preventDefault(); } }) .autocomplete({ source: function (request, response) { $.ajax({ url: ”, dataType: “json”, data: { q: extractLast(request.term) […]

JqueryUI自动完成：autoFocus = true将不会执行任何操作

我有自动完成function的输入： .autocomplete({ source: “jsonR.php”, minLength: 2, select: function( event, ui ) { $(this).val(ui.item.value); llamar(‘/includes/router.php?nomenu=1&que=view_item&id=’+ui.item.id,’router’); return false; }, autoFocus: true ,open: function() { $(‘.ui-autocomplete’).addClass(‘searchBox’); } }) 基本上我希望该function选择第一项，所以如果用户点击进入它搜索第一项但这不会hover/聚焦建议的第一项， 知道为什么吗？ ps：其余的都很好，面团

使用键盘时，jQuery自动完成应跳过禁用元素

如果你看到这个小提琴演示 ，不是我做的，那我怎么能避免键盘可以关闭并选择禁用的元素？ 鼠标工作正常（无法选择它）但我可以用键盘下来并选择它，导致空搜索： – / Fiddle演示来自这篇文章， 如何在jQuery自动完成列表中禁用元素 jQuery代码： $(function () { var availableTags = [ “ActionScript”, “AppleScript”, “Asp”, “BASIC”, “C”, “C++”, “Clojure”, “COBOL”, “ColdFusion”, “Erlang”, “Fortran”, “Groovy”, “Haskell”, “Java”, “JavaScript”, “Lisp”, “Perl”, “PHP”, “Python”, “Ruby”, “Scala”, “Scheme”]; $(“#tags”).autocomplete({ source: availableTags, response: function (event, ui) { if (ui.content.length > 3) { while (ui.content.length > 3) { […]

如何在AutoComplete中找出所选元素的类别？

我需要对AutoComplete结果进行分组，我发现了以下解决方案 。 如何确定所选建议的类别？ 例如，假设有城市和国家类别，用户选择其中一个城市。 我怎么知道所选项目是城市的一部分而不是国家类别（当表格提交时）？ 我也不希望用户可以看到类别名称。 到目前为止我发现了什么 $.widget( “custom.catcomplete”, $.ui.autocomplete, { _renderMenu: function( ul, items ) { var self = this, currentCategory = “”; $.each( items, function( index, item ) { if ( item.category != currentCategory ) { ul.append( “” + item.category + “” ); currentCategory = item.category; } self._renderItem( ul, item ); }); } […]

自动完成jQuery插件中的调用函数

我正在使用autocomplete jQuery插件，但我遇到了两个主要问题。 在autocompletefunction中调用一个函数 获取textbox的值以通过函数传递 HTML JS $(“#txtDemo”).autocomplete({ source: availableTags }); 这是我的function ，Value是textbox值 function Demo (value) { //code for getting value from code behind in the form of array }

JQuery UI自动完成 – 在提示输入后隐藏列表

我有一个输入。 我使用Jquery UI自动完成function向用户提出建议。 让我的列表中的图像有3个项目：item1，item2，item3。 我要找的是当用户点击进入时要关闭的列表。 例如，如果用户只输入“it”，则将显示所有3个元素。 在那种情况下，如果他点击进入，我希望该列表被关闭。 我无法为此解决问题。 希望有人能提供帮助。 干杯。 渣。 http://jsfiddle.net/vXMDR/ 我的HTML： ​ 我的js： $(function() { var availableTags = [ “item1″,”item2″,”item3” ]; $(“#search”).autocomplete({ source:availableTags, minLength: 0 }); });​

jQuery自动完成显示空结果

我有这个PHP脚本来从我的数据库中获取所有患者姓名： prepare($getPatients); $execGetPatients->bindValue(‘:cid’, $cid); $execGetPatients->execute(); $getPatientsResult = $execGetPatients->fetchAll(); $i = 0; foreach($getPatientsResult as $result) { $res[$i] = $result; $i++; } echo json_encode($res); ?> 我有一个文本框，我想使用jquery-ui自动完成库将patient_name显示为自动完成。 这是我的jQuery脚本： $(document).ready(function() { $( “#searchTxt” ).autocomplete({ source: “../php/autoComplete.php” }); }) 我可以看到，如果在网络选项卡上键入一个名称，我可以看到返回的数组： 但是在文本框中我看到自动完成是空的，如下图所示： 它显示2个白色方框而不是返回数组的白色方框

jQuery autocomplete给出了TypeError：this._renderItem（…）是未定义的

我目前在页面的三个位置使用.data( “ui-autocomplete” )._renderItem = function( ul, item ) 。 现在我需要再添加一个，我已经完成了。 但是这次我得到了错误信息 TypeError：this._renderItem（…）未定义 奇怪的是，如果我的IF测试是假的，我只会得到这个。 .data( “ui-autocomplete” )._renderItem = function( ul, item ) { // If only one row is returned and ID = 0, then return ‘no result’ message if(item.id == ‘0’) { return jQuery( “” ) .data( “item.autocomplete”, item ) .append( “”+ item.value + “” […]

jquery自动完成按小写搜索

我想用小写的jquery自动完成插件。 该数组包括大写，小写字。 当我在文本框中写文本时，jquery应该将该文本转换为小写并将数组单词转换为小写然后匹配单词。 var names = [{ value: “1”, label: “Jon Kerer”}, { value: “2”, label: “Scott MART”}, { value: “3”, label: “Sel HURGE”} ];​ $(“#myInput”).autocomplete({ focus: ….. ? select : …. ? source : … ? });​

密钥上的jQuery UI自动完成？

我正在使用jQuery UI库的自动完成function。 我在网页上有两个表单字段 – 一个是内部搜索，另一个是通过REST API搜索我公司在第三方网站上管理的内容。 这应该是应该的 – 如果我有两个表单字段彼此相邻，我可以输入任一个并获得下面该数据源的自动完成结果。 但是，我被要求做的是将两个字段组合成一个“主”搜索字段并隐藏两个单独的字段。 它将搜索两个数据源以查找用户的输入，并在字段下方的单独ui-autocomplete框中显示结果。 我的想法是，如果我可以将自动完成的触发器方法从“焦点”更改为“键盘”，它将非常好地工作，或者如果我可以“伪造”焦点触发器而不将光标发送到隐藏字段。 有什么想法吗？ 更新： 这是我一直在尝试的代码，但它不起作用。 这就是让我觉得自己依赖焦点事件的原因。 $(function(){ // run autocomplete on form fields searchAutocomplete(‘/support/results_json/’,’#keywords’); searchAutocomplete(‘/support/zdresults_json/’,’#zd_search’); //$(‘#ee_searchform’).hide(); // will need this later //$(‘#zd_searchform’).hide(); // will need this later $(‘Search SupportKeywords’).insertAfter(‘#zd_searchform’); $(‘#support_keywords’).keyup(function() { var value = $(‘#support_keywords’).val(); $(‘#keywords’).val(value); $(‘#keywords’).keyup(); }); }); 所以你可以看到，我采用HTML包含的两个表单字段，并确保它们调用工作自动完成function。 然后我使用jQuery向DOM添加另一个表单，当它获得一个keyup时，它将其内容添加到其他字段之一，并为该字段提供一个keyup。 但是，这并不会调用自动完成function。 非常感谢。