Tag: autocomplete

为什么自动完成输入未正确更新模型？

我正在使用以下依赖项： angularJS v1.5.5 jquery v1.12.4 jquery-ui v1.12.1 jQuery 自动完成插件v1.2.6 然后我像这样定义指令： .directive(‘autoComplete’, [ ‘$timeout’, function($timeout) { return function(scope, element, attrs) { var auto; auto = function() { $timeout((function() { if (!scope[attrs.uiItems]) { auto(); } else { element.autocomplete({ source: [scope[attrs.uiItems]] }); } }), 0); }; return auto(); }; } ]) 我借用了这个问题的答案。 自动完成function大部分工作，但是当我使用键盘移动匹配并按回车或用鼠标单击匹配时，模型仅使用我键入的部分更新，而不是选择完整项目。 我应该在哪里解决这个问题？ 它是插件中的错误吗？ 指示？ 我的输入定义？ $scope.ccyPairs […]

JQuery自动完成function不会显示所有结果

我整天都面临着下面的问题，并希望得到任何建议。 我正在编写JQuery自动完成，它只显示部分结果，但不是arraylist的所有结果。 当我在customFilter函数中调试时，我看到array包含每行中的预期字符串，并且term具有来自文本框的正确输入数据。 function customFilter(array, terms) { arrayOfTerms = terms.split(” “); var term = $.map(arrayOfTerms, function ™ { return $.ui.autocomplete.escapeRegex(tm); }).join(‘|’); var matcher = new RegExp(“\\b” + term, “i”); return $.grep(array, function (value) { return matcher.test(value.label || value.value || value); }); }; $( “#frmCode” ).autocomplete({ multiple: true, mustMatch: false, minLength: 2, source: function (request, response) […]

Jquery UI自动完成也按类别选择

使用jQuery UI网站上提供的资源 jQuery UI自动完成与类别 我已经能够修改我的选择框，成为一个jQuery UI自动完成。 有问题的选择框有optgroups作为类别。 var dataSource = []; $(“#selectauser”).find(“option”).each(function () { var $me = $(this); dataSource.push({ “label”: $me.text(), “id”: $me.attr(“value”), “category”: $me.parent().attr(“label”) }); }); 如果用户开始键入类别名称，则可以显示该类别下的所有子项。 例如……给出以下菜单。 动物 狗 猫 鱼 电影 指环王 哈利波特 另一个电影名称 如果我输入“an”，它就会返回 动物 狗 猫 鱼 电影 另一个电影名称 由于动物头部包含“an”，它将返回所有动物，并且由于电影有一个名为“另一个电影名称”的选项，它也将返回此。 我发现在这里注释掉这一行将允许选择标题的视觉效果，但过滤它仍然似乎不起作用。 this.widget().menu(“option”, “items”, “> :not(.ui-autocomplete-category)”); 并从中记录items参数 _renderMenu: function (ul, items) […]

获取jQuery ui自动完成function仅适用于@mentions

我看了几个问题，比如https://stackoverflow.com/a/7222592/2332251 我仍然无法将其与我的代码进行协调。 目前，当我开始输入时，以下内容完美地用于搜索用户名。 $(function() { $(“#appendedInputButton”).autocomplete({ minLength: 2, source: “searchusers.php” }); }); searchusers.php中的函数输出数据库中的用户名。 正如我所说，我无法让其他@mention解决方案为我工作。 我试过复制其他解决方案并交换我的细节，但似乎没有任何效果。 所以… 如果我最初键入“@”符号，我需要对当前的自动完成脚本做什么才能加载它？ 我真的希望能够在我的post中拥有多个@mentions （可选）当自动完成建议用户名时，当我从列表中选择用户名时，我希望它出现在我的post中，@ mysmbol仍然附加在用户名的前面，例如“hello @john，@符号仍然附加到你的用户名” 如果您需要更多信息，请发表评论，我会提供更多:) 编辑我真的不确定使它工作的语法。 例如，使用我上面发布的示例答案，我提出了（但它不起作用）： function split(val) { return val.split(/@\s*/); } function extractLast(term) { return split(term).pop(); } function getTags(term, callback) { $.ajax({ url: “searchusers.php”, data: { filter: term, pagesize: 5 }, type: “POST”, success: callback, jsonp: […]

如何处理未执行项目选择但自动填充字段中存在字符串的情况？

我正在使用jQuery UI v1.9。 我成功实现了jQuery UI自动完成小部件，但是当我不得不处理用户没有从打开菜单中选择任何项目但仍继续在相关自动填充字段中键入字母（即，即使隐藏了自动完成菜单，用户也会继续输入字母，因为该菜单中不存在名称为输入名称的项目。 在这种情况下（当没有执行项目选择但自动填充字段中存在字符串时），我想提醒用户他/她没有选择现有对象但是他/她正在键入自定义对象。 我该怎么做？ 注意 ：实际上，我试图强制用户选择现有项目，或者如果未选择，则提示他/她创建新项目。

Jquery自动完成：如何设置要发送到服务器的内容？

目前，在输入内容后，服务器返回的内容如下： [{“id”:”1″, “value”:”My first character”},{“id”:”2″, “value”:”My second Character”}] 当我选择“我的第一个角色”并将表格汇总时，它会发送： array(1) { [“members”]=> string(18) “My first character” } 但我宁愿发送身份证 。 如何告诉.autocomplete发送id而不是字段的标签？ （ JS代码 ） 它必须简单，但我想念它。 谢谢

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自动完成中选择多个选项

我正在使用jquery自动完成 。 我正在尝试使用代码 HTML 脚本 var data = [ “ActionScript”, “AppleScript”, “Asp”, “BASIC”, “C++”, “Clojure”, “COBOL”, “ColdFusion” ]; $(function () { var $this; var singleSelectOptions = { source: function (request, response) { response($.map(data, function (item) { return { label: item, } })); }, select: function (event, ui) { $($this).autocomplete(“close”); $($this).val($($this).val() + ‘\n’ + ui.label) }, […]

如何获取调用jquery自动完成函数的控件的id？

我想在几个输入框中使用jquery自动完成插件。 为了保持我的代码DRY，我想将自动完成function绑定到一个类，并在自动完成function中传递已将其称为额外参数的字段的id。 我正在努力的是获得调用该函数的字段的id。 我正在做的示例代码如下; 有谁能看到这个问题？ $(“.className”).autocomplete(”, { dataType: ‘json’, parse: function(data) { var rows = new Array(); for (var i = 0; i < data.length; i++) { rows[i] = { data: data[i], value: data[i], result: data[i] }; } return rows; }, formatItem: function(row) { return row; }, extraParams: { extra: function() { var Field1 = […]

使用knockout js在Jquery中自动完成

我正在尝试使用jquery做autocoplete。 我正在使用可编辑网格。 像这样 我试图实现自动完成网格中存在的可编辑文本框。 [我的代码] [http://jsfiddle.net/bhagirathip/x6H8s/4/] 请弄清楚我做错了什么。 当我试图做自动完成而没有敲出js查询它工作正常，但当我尝试淘汰js查询它不起作用。 请弄清楚我在哪里做错了。 提前致谢