Tag: jquery autocomplete

jQuery Autocomplete在鼠标输出时失去了选择权

当我通过键盘箭头选择项目时，输入字段中的选择会按预期更改。 但是，如果我将鼠标移出项目，则输入字段将恢复为用户键入的内容，从而丢失以前通过键盘进行的选择。 jsfiddle的例子 文档声称我正在尝试完成的事实上是默认行为，但它似乎无法正常工作。 另一个提到行为似乎已经改变的参考： http ： //forum.jquery.com/topic/autocomplete-s-menu-items-mouseover-behavior#14737000002991273 我目前正在使用jquery-rails 2.0.2，它引入了jQuery-1.7.2。

如何让这个jQuery自动完成代码在FireFox中运行？

嘿伙计们，我有这个jQuery代码可以在Chrome和Safari中使用，但不能在IE或FireFox上运行。 它可能有什么问题？ $(document).ready(function() { var myArr = []; $.ajax({ type: “GET”, url: “airports.xml”, dataType: “xml”, success: parseXml, complete: setupAC, failure: function(data) { alert(“XML File could not be found”); } }); function parseXml(xml) { //find every query value $(xml).find(“airport”).each(function() { myArr.push($(this).attr(“label”)); }); } function setupAC() { $(“input#depart_from”).autocomplete({ source: myArr, minLength: 1, select: function(event, ui) { $(“input#depart_from”).val(ui.item.value); […]

jQuery的自动完成：自定义“ESCAPE”按键的行为

我正在使用jQuery的自动完成插件，并希望在用户按下“ESCAPE”键时自定义行为，如下所示， 当用户键入要搜索的文本时，会列出其对应的结果。 如果按下“ESCAPE”键，则不选择任何结果，则应删除输入的搜索文本。 [默认行为：保留搜索文本] 在http://jqueryui.com/demos/autocomplete/#multiple-remote中 ，用户可以多次搜索。 假设他输入了一个文本并从下拉列表中选择了一行。 现在，他再次搜索，但没有选择任何结果，他按下“ESCAPE”键，然后应该删除单独的搜索字符串（而不是之前选择的搜索字符串）。 任何帮助表示赞赏。

jQueryUIautocomplete无法正常工作

我正在尝试使用jqueryUI自动完成function，其中将从后端源获取可用标记。 这是我的代码。 HTML代码 Search : js代码 $(function() { $( “#search” ).autocomplete({ source: “/dashboard/search” }); }); ** django views.py ** def search(request): availableTags = [“ActionScript”,”AppleScript”,”Asp”,”BASIC”,”C”,”C++”,”Clojure”,”COBOL”,”ColdFusion”,”Erlang”]; ctx = {“availableTags”:availableTags} return HttpResponse(availableTags) #returns the set of values(checked with firebug while debugging) but autocomplete doesnot works. #return render(request, ‘dashboard/dashboard.html’, ctx) // returns nothing. 仪表板urls.py urlpatterns = patterns(‘modules.energy.dashboard.views’, url(r’^$’,’dashboard’,name=’cilantro_dashboard’), url(r’search’,’search’,name=’cilantro_search’), […]

jquery自动完成取消焦点事件

我有一个自动完成function，但是当我键入要搜索的文本并将鼠标移到自动完成的结果上时，自动完成中的文本会更改为上一个（删除）。 有谁知道如何改善这种行为。 我在jQuery.com上读过 焦点类型：autocompletefocus 在将焦点移动到项目（不选择）之前，ui.item指的是焦点项目。 焦点的默认操作是将文本字段的值替换为焦点项的值，但前提是焦点事件是由键盘交互触发的。 取消此事件可防止更新值，但不会阻止菜单项被聚焦。 但我不知道如何取消焦点事件。

在jQuery中使用CSS选择器数组

我正在尝试使用jQuery自动完成插件。 我有一系列ID，我想插件来处理。 所以，说我有： var aIds = [“1”, “2”]; 我在如何使用插件时看到的示例如下所示： $(‘#1’).autocomplete 有没有办法让我使用这个自动完成插件和我的数组？ ID数组来自Web服务。 此外，自动完成插件会公开某些事件，例如select （请参阅： http ： //docs.jquery.com/UI/Autocomplete#event-select ）。 当发生这种情况时，我如何判断哪个元素触发了事件（如果我动态分配id数组）？

Jquery多个自动完成字段

我从jquery网站上获得了jquery auto。 它适用于一个领域。 但是现在我想在其中添加具有不同值的不同字段，我该如何做？ 我尝试了几种方法但搞砸了整个系统。 我的所有领域都在努力工作。 我需要给它一个新的函数名称吗？ 我是新手。 我想通过在顶部添加一个新字段和新的var它可以工作，但它确实有效 var projects = [ { value: “CMPT101”, label: “CMPT 101”, desc: “Discrete Mathematics I” }, var instr={ value:”johnson ” lable:”Johnson” } ] select: function( event, ui ) { $( “#project” ).val( ui.item.label ); $( “#instr” ).val( ui.item.label ); $( “#project-id” ).val( ui.item.value ); $( “#project-description” ).html( […]

如何避免Jquery自动完成中的多个ajax调用？ 使用缓存

我正在使用jquery automcomplete与Ajax调用，但我想要的是，如果在第一次调用时ajax提取的json数据中存在part ，那么我想返回该数据，因为它没有给出ajax调用我已经尝试过如下所示 function SearchText() { var cache = {}; $(“#txtItem”).autocomplete({ source: function (request, response) { var term = request.term; $.each(cache, function (index, value) { $.each(value, function (index, value) { if (value.indexOf(term) >= 0) { response(cache[term]); return; } }); }); cache = {}; $.ajax({ type: “POST”, contentType: “application/json; charset=utf-8”, url: “JobTagPricing.aspx/GetAutoCompleteData”, data: “{‘item’:'” + document.getElementById(‘txtItem’).value […]

jQuery自动完成（devbridge）从头开始搜索

我正在使用devbridge的自动完成jQuery脚本。 是否可以选择从单词的开头过滤搜索而不是应用于单词中的任何位置？ 就像我输入“R”一样，我希望只看到以R开头的单词，而不是每个单词中的R字符。 基本上，从一开始的filter搜索是我正在寻找的。 怎么可以这样做？ 这有选择吗？ $(function() { var fruits = [ { value: ‘Apple’, data: ‘Apple’ }, { value: ‘Pear’, data: ‘Pear’ }, { value: ‘Carrot’, data: ‘Carrot’ }, { value: ‘Cherry’, data: ‘Cherry’ }, { value: ‘Banana’, data: ‘Banana’ }, { value: ‘Radish’, data: ‘Radish’ } ]; $(“#autocomplete”).autocomplete({ lookup: fruits, onSelect: function (suggestion) […]

在JQuery中动态设置输入validation范围

提前谢谢你看这个。 🙂 表单validation本身适用于仅需要字段的其他项目 – 这没有问题。 我正在尝试动态设置自动完成validation的数值范围。 我在这里使用了bassistance.de JQueryvalidation。 在选择时，我正在调用一个函数，但它需要添加到.validate（）代码而不是它自己的函数（我认为），但现在确定如何组合它们。 自动完成是一个由多个输入调用的通用函数。 $().ready(function() { // validate the form when it is submitted $(“#form4100”).validate(); }); function Autocomplete(numberLocation,nameLocation,dscLocation,chargeLocation,amountLocation) { select: function( event, ui ) { $(numberLocation).val( ui.item.value ); $(nameLocation).html( ui.item.desc ); alert(“Minimum Investment: “+ui.item.minimum); setvalidation(amountLocation,ui.item.minimum); return false; } } function setvalidation(amountLocation,minimum){ alert(“validation function launched”); amountLocation.validate({ rules: { field: { […]