Tag: jquery ui autocomplete

JQuery UI自动完成 – 如何选择项目并保留输入文本中的标签（而不是值）: 我正在尝试使用JQuery UI Autocomplete插件（点击查看JQuery UI Autocomplete插件的演示页面）我用作数据源的对象列表如下： var availableTags = [ {label: “Sao Paulo”, value: “SP”}, {label: “Sorocaba”, value: “SO”}, {label: “Paulinia”, value: “PA”}, {label: “São Roque”, value: “SR”} ]; 问题是当我选择一个项目时，数据源的值被设置为输入字段而不是标签。我创建了一个select选项，用于将项值保存在隐藏字段中，并将标签设置为输入字段，但插件过早触发此事件，并将值重新设置为输入字段。 HTML： .ui-menu-item { font-size: 12px; } $(document).ready(function(){ var availableTags = [ {label: “Sao Paulo”, value: “SP”}, {label: “Sorocaba”, value: “SO”}, {label: “Paulinia”, […]

jQuery UI Autocomplete .result不是一个function问题: 我做了一些搜索，这似乎是一个不常见的问题，但是没有一个解决方案似乎对我有用。我尝试了几种不同的方法： jQuery(document).ready(function(){ jQuery( “#on-good-terms-add-term” ).autocomplete({ source: ongoodtermsavailableTags, }); jQuery( “#on-good-terms-add-term” ).result(function(event, data, formatted) { alert(data); }); }); 和 jQuery(document).ready(function(){ jQuery( “#on-good-terms-add-term” ).autocomplete({ source: ongoodtermsavailableTags, }).result(function(event, data, formatted) { alert(data); }); }）; 两者都给我相同的控制台错误。非常感谢任何帮助。谢谢

选择后，在Jquery自动填充中清除文本框: 我想在用户进行选择后清除具有Jquery Autocomplete的文本框。我试图通过以下方式清除该字段： select: function(event, ui) { $(this).val(”); } 但这不起作用。我正在使用jquery-1.6.4和jquery-ui-1.8.16。有任何想法吗？

jQuery UI自动完成：如何启动异步进程并在完成之前退出它: 我正在使用jQuery UI Autocomplete来构建搜索界面。我已经定义了一个自定义函数，它返回搜索结果并在按下键时自动更新它们，但是，有时这个自定义函数在按下下一个键之前没有完成（即当我已经写过“Washi”时它仍在处理“Wash” （在写“华盛顿”的路上）。我希望每次调用自动完成“源”事件都取消之前的function（Wash）并启动新function（Washi）。具有下一个呼叫取消function（Washi）和启动function（Washin）等。这种事情是怎么做的？

jquery UI自动完成支持是否限制在支持多个值的无效值上键入？: 我正在接管一个新的网站，它使用了一个旧的弃用版本的jquery autocomplete插件。我试图使用最新的jquery ui自动完成function重新创建function，并且有一个function我似乎无法复制。我想在有多个值允许的情况下复制“mustMatch”function。所以基本上，如果我开始输入任何未显示在任何搜索结果中的测试（甚至是部分字符串搜索），它会重置该字段的条目（而不是让我输入不在有效列表中的垃圾）选择）那么就说我的名单（本地）是{“Bird”，“Song”，“Happy”} 它会让我输入 Bird, Son 但如果我在之后键入z它会保持打开状态 Bird, Son 告诉我这是一个无效的条目这可以在jquery ui自动完成中执行吗？我看到很多来自谷歌的旧post提出了类似的问题和答案，但是没有一个似乎与多个值一起工作（许多似乎根本不工作:(）

修改jquery标记的行为 – 基于自动完成库来使用ajax JSON源: 我正在尝试为jQuery插件标签添加一些function- 它基于自动完成： a）我尝试过滤我的JSON数据以仅显示标记的名称。 /repo/json返回的JSON示例： [{id:1, name:”0.8-alpha-1″, category:”version”}, {id:2, name:”0.8-alpha-2″, category:”version”}, {id:3, name:”0.8-alpha-3″, category:”version”}, {id:4, name:”0.8-alpha-4″, category:”version”}, {id:5, name:”0.8-alpha-1″, category:”version”}, {id:6, name:”0.8-alpha-2″, category:”version”}, {id:7, name:”0.8-alpha-3″, category:”version”}, {id:8, name:”0.8-alpha-4″, category:”version”}] b）我想在用户提交数据时提交标签的id，而不是名称。 c）我尝试在tag-it输入字段中添加一些约束：用户无法validation不在my /repo/json call返回的JSON中的标记。我不想fork tag-it存储库，似乎可以使用beforeTagAdded选项测试用户数组和搜索之间的交集。我此时尝试没有成功，因为我不知道在哪里可以找到实现交集的标签列表。我的js代码： $(function(){ $(“#singleFieldTags”).tagit({ tagSource: function(search, showChoices) { $.ajax({ url: “/repo/json”, dataType: “json”, data: {q: search.term}, success: function(choices) { showChoices(choices); } […]

JQueryUI 1.10.0自动完成renderItem问题: 我尝试了一个解决方案，将’autocomplete’重命名为’ui-autocomplete’（使用JQueryUI 1.10.0，JQuery 1.8.3），但仍然出现以下错误： TypeError：$（…）。autocomplete（…）。data（…）未定义 } }).data(‘ui-autocomplete’)._renderItem = function (ul, item) { 它在1.10.0中定义但我需要覆盖： _renderItem: function( ul, item ) { return $( “” ) .append( $( “” ).text( item.label ) ) .appendTo( ul ); }, 这是我的整个代码： var ajaxCall_QuickSearchCompanyId; $(‘#QuickSearchCompanyId’).autocomplete({ minLength: 2, delay: 300, source: function (request, response) { if (ajaxCall_QuickSearchCompanyId) { ajaxCall_QuickSearchCompanyId.abort(); } ajaxCall_QuickSearchCompanyId = $.ajax({ url: […]

自动完成在自动完成窗口中显示相关数据: 我有3个输入字段，1个用于数据类型，其他2个是相关的。当我按下数据类型字段中的按钮时，我想显示这样的自动完成窗口而不是这个选择之后应该看起来像这样 HTML JS $(document).on(‘focus’,’.type’,function(){ type = $(this).data(‘type’); if(type ==’vehicle’ )autoTypeNo = 1; $(this).autocomplete({ source: function( request, response ) { $.ajax({ url : ‘autocomplete.php’, dataType: “json”, method: ‘post’, data: { name_startsWith: request.term, type: type }, success: function( data ) { response( $.map( data, function( item ) { var code = item.split(“|”); return { […]

jquery autocomplete特殊字符串触发器: 我有以下问题：我必须使用由char“@”触发的jquery进行特殊的自动完成问题是，如果我用@开始文本框，它可以工作，但如果我写了一些字符后我输入@它不起作用。它必须如何工作：-i写一些文字我想从“utilizatoriJson”添加某人， – 从“utilizatoriJson”添加某人我必须按@键并且自动完成下拉列表必须是apear， – 之后我从下拉列表中选择某人或我从下拉列表中键入一个完整的标签，它必须放置空格，让我继续留言我怎样才能做到这一点？我写的代码： var utilizatoriJson = ; $( ‘#textarea_mesaj_colaborare’).autocomplete({ source: utilizatoriJson }) .autocomplete( “instance” )._renderItem = function( ul, item ) { return $( “” ) .append( “” + item.label + “” ) .appendTo( ul ); } $( ‘#textarea_mesaj_colaborare’).autocomplete(“disable”); $(‘#textarea_mesaj_colaborare’).keyup(function(){ if ($(‘#textarea_mesaj_colaborare’).val()[$(‘#textarea_mesaj_colaborare’).val().length-1]===’@’){ var inceput = $(‘#textarea_mesaj_colaborare’).val().length; $( ‘#textarea_mesaj_colaborare’).autocomplete(“enable”); […]

分组结果是JQuery UI Autocomplete插件？: 我正在尝试使用自动完成function在多种类型的数据中创建一些搜索function。我更希望为每个自动填充建议提供自定义视图，以及根据类型对建议进行分组。这些团体也应该分开。如果我的解释很差，您可以在hotels.com上看到搜索function的示例：建议根据城市，地标，机场等进行分组。我一直在看JQuery UI Autocomplete插件，它似乎能够完成我需要的大部分工作，但我还没有看到任何分组的例子。由于我的javascript / JQuery技能有点缺乏，我希望有人可以告诉我是否有可能实现我想要的Autocomplete插件，或者是否有其他插件可以做到这一点？还将非常感谢如何完成它的示例/概述。