Tag: jquery ui autocomplete

使用JSON数据的Ajax / Jquery自动完成

我正在尝试设置我的Jquery UI自动完成字段以获取来自ajax连接的数据。 这是我到目前为止的代码： $(“#mainIngredientAutoComplete”).autocomplete({ source: function (request, response) { $.ajax({ url: “../api/IngredientChoices”, dataType: “json”, success: function (data) { response(function (item) { return { label: item.MainName, value: item.MainItemID } }); } }); } }); 这是我的JSON： [{“SubItemID”:1,”MainItemID”:1,”SubName”:”2%”,”MainName”:”Milk”},{“SubItemID”:2,”MainItemID”:1,”SubName”:”Skim/Fat Free”,”MainName”:”Milk”},{“SubItemID”:3,”MainItemID”:2,”SubName”:”Chedder”,”MainName”:”Cheese”}] HTML： Ingredient Measurement Amount 当我开始输入“mil”（用于牛奶）时，我的代码给了我这个错误： 编辑： 我做了一些改变，但是现在我得到了一个新的错误 – [URL]第55行第25行未处理的exception 0x800a1391 – Microsoft JScript运行时错误：’data’未定义 $(“#mainIngredientAutoComplete”).autocomplete({ source: function (request, response) { […]

jQuery UI自动完成：将css类添加到特定项目

我正在使用Jquery UI的自动完成小部件，我正在通过回调中的描述获取要显示的项目。 我有一个用例，我需要提供一些我从服务器检索的项目与其他项目略有不同，以便用户理解这些项目之间存在差异。 就我而言，有些项目是“个人的”，有些是“全球性的”。 我想通过向他们添加一个CSS类来让“个人”项目脱颖而出，这样他们的背景就会略有不同。 这可能吗？ 我在参考文档中已经看到存在一个插件，允许我在“项目”中放置任意HTML，但我觉得当我真正需要做的是添加一个类（在某些情况下）时，这是次优的。 我想我最终会得到这样的东西： $(“#myElement”).autocomplete({ //define callback to format results source: function(req, add){ //pass request to server var baseUrl = ‘/getItems.php’ $.getJSON(baseUrl, req, function(data) { //create array for response objects var suggestions = []; //process response $.each(data, function(i, val){ var entry = new Object(); if (val.personal == true){ // add some […]

如何使用jquery auto complete combobox设置默认值？

使用jquery ui autocomplete combobox时 ，可以为combobox设置默认值吗？

jQuery自动完成性能随着每次搜索而下降

我遇到了jQuery Autocomplete插件的问题。 通过使用术语“item”搜索多次，首先它可以正常工作：鼠标hover时的css类很好地添加，一切都很顺利。 通过单击弹出窗口外部关闭它并在每次所有内容似乎工作较慢时再次键入： 我在Chrome上进行了测试，速度非常慢，在Firefox上看起来处理得更好但性能也有所下降。 这是一个非常简单的代码： https ： //jsfiddle.net/re9psbxy/1/ 和代码： var suggestionList = []; for (var i = 0; i < 200; i++) { suggestionList.push({ label: 'item' + i, value: i }); } //initialize jQueryUI Autocomplete jQuery('#autocomplete').autocomplete({ source: suggestionList }); HTML：

是否有可能在动态添加的文本输入上全局捕获keydown？

我正在使用以下全局jQuery来显示和隐藏$.ajax调用的加载div ： $(document).ajaxStart(function(){ $(“#loading”).show(); } $(document).ajaxStop(function(){ $(“#loading”).hide(); } 这工作正常，但我不想显示自动填充的加载div，所以我添加了这个： $(“input[type=text]”).keydown(function(){ if($(this).hasClass(‘ui-autocomplete-input’)) { window.suppressGlobal = true; } }); 然后，要为“普通” $.ajax调用重置suppressGlobal ，请执行以下操作： var origAjax = $.ajax; $.ajax = function() { if (window.suppressGlobal) { arguments[0].global = false; } origAjax.apply(this, arguments); window.suppressGlobal = false; }; 这一切都适用于使用页面加载构造的文本输入。 但是，我有几种情况，使用jQuery / Javascript在客户端动态插入文本输入，在这种情况下， keydown事件不会绑定到全局函数 。 我也尝试过： $(“input[type=text]”).on(‘keydown’, function(){ if($(this).hasClass(‘ui-autocomplete-input’)) { window.suppressGlobal = true; […]

当用户没有从下拉列表中选择一个选项时，jQuery ui自动完成

使用jquery自动完成插件时 ，当用户没有选择列表中的项目，而是键入有效值和标签时，您会怎么做？ 例如，当自动完成列表包含： Cat Dog Fish 用户输入cat ，但不从自动填充的下拉列表中选择Cat ，而是选择标签。 因为他们没有从列表中选择任何项目，所以自动完成选择事件不会触发，我们将无法响应它： $(‘#Animal’).autocomplete({ source: url, minlength: 1, select: function (event, ui) { $(“#Animal”).val(ui.item.value); changeUsersAnimal(ui.item.id); } }); 我该如何处理这个案子？

Jquery自动完成 – 结果列表的自定义html

我指的是这个插件： http ： //jqueryui.com/demos/autocomplete/ 所以结果的原始结构是 item 1 item 2 item 3 我需要让里面的链接看起来像这样： The item 请不要告诉我编辑插件的唯一解决方案，因为我不希望网站上所有自动填充的格式相同。

不知道如何使用JQuery UI Autocomplete …… :(

我问，这是以前的JQueryUI Autocomplete问题的延续。 这一次，我有我的数据返回…但我不知道我如何定义要显示的HTML以及如何使用我的结果动态更新该html。 所以，这是我的jquery …. Home.js function AutoComplete(element) { var cache = {}; $(element).autocomplete({ minLength: 2, source: function (request, response) { if (request.term in cache) { response(cache[request.term]); return; } else { $.getJSON(“/api/autocomplete/” + encodeURIComponent(request.term), function (data) { cache[request.term] = data; response(data); }); } } }); } 这在我的视图中连接起来 Index.aspx $(document).ready(function () { AutoComplete(“#searchQuestion”); }) 现在..我不知道我怎么告诉它使用一些（尚未制作）html / […]

对jQuery自动完成中的值进行排序

我有一个像这样的数组 [“JOAQUIN”, “BERNARDINO”, “MODOC”,”ALASKA”,”MADERA”, “ANDERSON”] 我在jQuery UI Autocomplete 。 然而，排序的顺序似乎很奇怪。 例如:(但我有更多的no.of记录）当我输入“a”时它返回 JOAQUIN BERNARDINO ALASKA MADERA ANDERSON 我正在尝试的是（ 开始 ） ALASKA ANDERSON JSFiddle为我的例子 可能吗？ 有人能指出我正确的方向。 更新：

自动选择第一个jquery UI结果

我正在使用jQuery Autocomplete来搜索城市的本地数据库。 这是代码： $(‘#txt_search_city’).autocomplete({ source: url, delay: 0, autoFocus: true, select: function( event, ui ) { $( “#id_city” ).val( ui.item.id ); $(this).closest(‘form’).submit(); }, focus: function( event, ui ) { event.preventDefault(); } }); 我想默认选择第一个返回值（就像在facebook上一样）。 所以基本上，如果他们只是点击输入，他们将触发第一个结果的选择。 我认为这就是autoFocus: true的确如此，但它无法正常工作。 没有显示错误，只是没有选择第一个结果。 思考？