Tag: jquery ui autocomplete

实时向jQuery自动填充添加值: 我正在制作一个带有自动填充function的“令牌输入”样式复选框（用户输入内容，选择一个响应，在DOM视图中添加“令牌”）。使用jQuery自动完成，有没有办法在用户输入后添加不在source列表中的值？例如，源看起来像[“Apples”, “Oranges”, “Bananas”] 。用户在使用文本字段时键入”plums,” 。如果用户需要，有没有办法将“Plums”添加到源列表中？我知道有可以检查的select和change事件，但是只有在需要select时才选择（在这种情况下不存在），并且change需要进行某种超时检查以validation用户是否已停止输入。相反，是否有另一个插件我可以用来完成这种行为？

jQueryUI自动填充 – 如何将搜索词与关键字列表匹配并显示匹配的结果？: 我正在尝试使用jQueryUI自动完成function为我的网站中的各种function页面实现网站快速搜索function。我想你可以说它就像谷歌即时搜索，但它是我网站上的索引页面。因此，当他们搜索“创建”时，将显示“创建用户”选项和“创建组织”选项。当他们搜索“创建使用”时，它只会显示“创建用户”选项。然后他们可以点击结果，它将加载该页面。这些只是一些链接。但正如您所看到的，每个页面都会有一些不同的关键字/同义词，它们都指向同一页面。好的，所以checkSearchWordsMatchKeywords函数最后确实有效，因为我已经测试过了。什么是行不通的是我不知道我应该从jQueryUI search：function返回什么。此外，如果您知道如何优化checkSearchWordsMatchKeywords（）函数，那么我全都听见了。 🙂 编辑：使用下面的工作解决方案更新（适用于jQueryUI 1.9.x）： var links = [ { keywords: [‘create’, ‘add’, ‘make’, ‘insert’, ‘user’], label: “Create user”, desc: “Create a user in the system”, url: ‘http://mysite.com/user/create/’ }, { keywords: [‘create’, ‘add’, ‘make’, ‘insert’, ‘organisation’], label: “Create organisation”, desc: “Create an organisation in the system”, […]

jquery ui自动完成combobox与类别: 我正在使用jquery ui autocompletecombobox，它工作得很好，但现在我有点贪心了。我希望能够为其添加类别。 combobox是从菜单生成的，所以如果我添加了类别，请参阅下面的示例，标签将显示类似于jquery ui自动完成类别版本中的类别 One A One B One C Two A Two B Two C 我创建了一个http://jsfiddle.net/nH3b6/11/ 。感谢您的帮助或指导。

使用动态添加的元素在jQuery中自动完成: 我的要求是当用户在一个输入字段中输入一些字符（最少3个）时可能会显示很少的选项，这也可能是动态添加的。我无法在页面加载时加载数据，因为数据很大。有一个ajax调用来获取过滤后的数据。我得到的问题是在第2行的页面加载时出现Expected identifier错误。那么，您能否告诉我们下面的代码有什么问题？ $(document).on(‘keydown.autocomplete’, ‘input.searchInput’, function() { source: function (request, response) { // Line # 2 var id = this.element[0].id; var val = $(“#”+id).val(); $.ajax({ type : ‘Get’, url: ‘getNames.html?name=’ + val, success: function(data) { var id = $(this).attr(‘id’); $(this).removeClass(‘ui-autocomplete-loading’); response(data); },error: function(data) { $(‘#’+id).removeClass(‘ui-autocomplete-loading’); } }); }, minLength: 3 });

jQuery自动完成UI-我希望它开始搜索onfocus而无需用户输入任何内容: jQuery自动完成UI – 我想开始搜索“onfocus”，并在用户选中或点击进入搜索字段时立即显示选项列表，而无需用户输入任何内容。默认行为似乎要求用户输入字符或向下箭头以开始滚动并开始搜索并获取值，即使我将所需的字符数设置为零也是如此。 $（“＃contact”）。autocomplete（{ 来源：’remote.php’， minLength：0 }）; 谢谢！

JQuery AutoComplete，手动选择第一个搜索项并绑定点击: 我想手动选择自动完成中的项目，并在给定值的情况下单击它。以下代码： autocompleteitem.autocomplete(“option”, “autoFocus”, true).autocomplete(“search”, autocompleteitem.val()); autocompleteitem是一个输入对象，它包含我想要搜索的值。现在，此代码成功从下拉列表中选择第一个项目，但它没有单击它。我不想自己点击它我希望它以某种方式在该代码中发生。我尝试了上面的代码添加以下function： .click(), .select(), .trigger(‘select’), .find(‘a’).click(), .change() 有什么办法可以吗？谢谢请有人帮忙

jQuery UI自动完成与对象: 我正在使用jQuery 1.11.2并尝试获取自动完成小部件来解析数据数组。我有阵中的人，Will Smith和Willem Dafoe。当我在文本字段中输入Wi时，我希望看到两个名称都添加到下拉列表中，但我没有得到任何响应。这是代码的副本： $(function() { var data = [ { “id”: 1, “first_name”: “Will”, “last_name”: “Smith”, “created_at”: “2015-01-27T13:09:20.243Z”, “updated_at”: “2015-01-27T13:09:20.243Z” }, { “id”: 2, “first_name”: “Willem”, “last_name”: “Dafoe”, “created_at”: “2015-01-27T13:17:23.479Z”, “updated_at”: “2015-01-27T13:17:23.479Z” } ]; // Below is the name of the textfield that will be autocomplete $(‘#search’).autocomplete({ // This shows the […]

jQuery自动完成类别选择标签和值: 尝试使用类别获取jQuery自动完成function，将选定的值返回到搜索字段，将值返回到单独的输入字段。我已将数据修改为具有值以及标签和类别。见http://jsfiddle.net/chrisk/bM7ck/ 但是值始终返回到搜索字段而不是标签。

Jquery UI自动完成：从一个数组的多个属性中搜索: 嗨，我正在尝试让jQuery UI自动完成小部件工作，以便它从我的数组的多个属性（不仅仅是默认情况下的一个）搜索匹配。我已经搞砸了他们的例子，但是我仍然不确定如何解决这个问题。 http://jsfiddle.net/FUZPN/ 这是script数组格式 var projects = [ { value: “jquery”, label: “jQuery”, desc: “the write less, do more, JavaScript library”, other: “9834275 9847598023 753425828975340 82974598823” }, { value: “jquery-ui”, label: “jQuery UI”, desc: “the official user interface library for jQuery”, other: “98 83475 9358 949078 8 40287089754 345 2345” }, { value: “sizzlejs”, […]

区分键盘/鼠标触发的焦点事件: 我正在使用jquery ui自动完成，并希望在键盘交互和鼠标交互触发的焦点事件之间进行解密。我怎么会这样呢？ $(‘input’).autocomplete({ source: function(request, response) { … }, focus: function(event, ui) { // If focus triggered by keyboard interaction alert(‘do something’); // If focus event triggered by mouse interaction alert(‘do something else’); } }); 谢谢