Tag: jquery ui autocomplete

Angularjs与jquery auto完成无法正常工作

我正在尝试过去5个小时没有成功…这是代码.. 在视图中： Foo = {{foo}} 在控制器中： myapp.directive(‘autoComplete’, function(autoCompleteDataService) { return { restrict: ‘A’, link: function(scope, elem, attr, ctrl) { elem.autocomplete({ source: autoCompleteDataService.getSource(), //from your service select: function( event, ui ) { scope.foo= ui.item.label; scope.$apply; }, change:function (event, ui) { if (ui.item === null) { scope.foo = null; } }, minLength: 2 }); } }; }); […]

如何使用项目ID获取JQuery UI自动完成function

我在这里看过这篇文章： 带有item和id的jQuery UI自动完成，但我无法解决问题。 这是我的输入html： ‘ 这是我的ajax电话： var data = {}; $.get(‘/tags’,data, function(tag_list) { autocomplete_source_list = []; for(var i = 0; i < tag_list.length; i++){ autocomplete_source_list.push([tag_list[i].fields.display_name, [2,3,4,5,6,7,8,9,1,2]]); } jQuery( ".tags" ).autocomplete({ source: autocomplete_source_list, select: function (event, ui) { $(".tags").val(ui.item.label); // display the selected text $(".tags_id").val(ui.item.value); // save selected id to hidden input console.log("selected id: ", ui.item.label) […]

Jquery Ui从DB自动完成

我是js的新手。 我找到了自动完成教程并且它运行良好。但是为db的多个值配置了自动完成脚本。 它会在找到关键字后每次添加逗号，然后再次搜索新关键字。 如何重写单值？ acompl.js $(function() { function split( val ) { return val.split( /,\s*/ ); } function extractLast( term ) { return split( term ).pop(); } $( “#region” ) // don’t navigate away from the field on tab when selecting an item .bind( “keydown”, function( event ) { if ( event.keyCode === $.ui.keyCode.TAB && […]

专注于jQuery自动完成结果（不一定是第一个）

我正在努力扩展jQuery自动完成function，以便特定项目默认具有焦点。 开箱即用的function非常好用，但并不完美。 使用autoFocus选项，我可以自动聚焦第一项。 $( “#input” ).autocomplete({ source: “autocomplete.php”, minLength: 1, autoFocus: true }); 但是，我希望能够更好地控制关注哪个项目。 如果用户键入“eng”并且我的源返回的相关项目是： 美式英语 英式英语 英语 苏格兰英语 我想第三项， 英语 ，默认是焦点（即实际以用户输入开头的项目，即使我想显示其他结果）。 理想情况下，我的源 – autocomplete.php – 将能够指示哪个项目是默认焦点。 有任何想法吗？ 我甚至不确定如何开始。

JQuery自动完成服务器端匹配

我正在尝试设置自动填充字段。 我读过JQuery UI文档，但是所有的例子都假设源是一个静态的项目列表，JQuery将从中选择匹配的条目（我的意思是静态=列表是完整的，不依赖于用户键入的内容）。 以下是“远程数据源”示例中的代码： $( “#birds” ).autocomplete({ source: “search.php”, … 我希望JQuery调用search.php?query=mytext （此URL返回匹配项的列表），因为我需要使用PHP在数据库中查找建议。 有没有办法做到这一点？ 也许我不懂文档？

如何在jquery-ui自动完成中映射数据不起作用

我正在使用jquery-ui自动完成并在自动完成function中进行ajax调用我正在调用我的控制器操作返回Json，但建议未显示在下拉列表中 使用Javascript function log(message) { $(“”).text(message).prependTo(“#log”); $(“#log”).scrollTop(0); } $(“#search”).autocomplete({ source: function (request, response) { $.ajax({ url: “/Home/GetCompanyNames”, dataType: “jsonp”, data: “searchterm=” + request.term, success: function (data) { response($.map(data, function (item) { alert(item.Value); return { label: item.Name, value: item.Name }; })); } }); }, minLength: 2, select: function (event, ui) { log(ui.item ? “Selected: ” + […]

jquery tagsinput和ui autocomplete：它们可以与预加载的源一起使用吗？

我有点麻烦。 有taginput的工作代码，我知道如何使用jquery ui的自动完成function。 代码示例 也不 autocomplete’ :{ ‘source’: tags_array } 也不 $(“#new_tags_tagsinput”).autocomplete({source: tags_array}); 似乎工作。 在tagsinput站点上有一个例子，它需要自动完成URL，但我想使用加载的数组，就像在自动完成示例上一样。 我尝试了不同的选择，没有人工作。 有这样的方式吗？

jquery ui autocomplete的“No Matches”消息

我是新手，并查看了其他示例，但尚不清楚如何在没有结果的情况下为最新版本的自动完成http://docs.jquery.com/UI/Autocomplete设置“No Matches”消息。 这是我正在使用的代码，有人可以帮助编写剩下的代码，理想情况下可以将其点击到“建议”页面。 $(document).ready(function() { var data = [ {label: ‘Yahoo’, value: ‘http://yahoo.com’}, {label: ‘BMW’, value: ‘http://bmw.com’}, {label: ‘Bing’, value: ‘http://bing.com’} ]; $(“input#autocomplete”).autocomplete({ source: function(request, response) { var results = $.ui.autocomplete.filter(data, request.term); response(results.slice(0, 10))}, focus: function (event, ui) { $(event.target).val(ui.item.label); return false; }, select: function (event, ui) { $(event.target).val(ui.item.label); window.location = ui.item.value; return false; } […]

如何更改自动填充中的结果filter？

我想通过正则表达式选择结果，而不是进行文字匹配。 我可以覆盖自动完成的默认行为来完成此操作，还是需要替代结构？

以编程方式jquery自动完成文本框设置值

我正在使用jquery 1.8.2和jqueryui 1.9.0库。 我试图在我的表中添加一个“编辑记录”对话框，其中包含一个jquery-ui的自动完成文本框。 我还使用自动完成的更改事件来限制用户从给定列表中选择项目。 我的问题是：当我显示我的编辑表单时，我将现有数据设置为文本框，但是当用户单击编辑表单中的另一个字段时，更改控制器弹出没有任何更改的错误。 我找到了许多样本，显示如何设置combobox类型自动完成的值，但我找不到一个文本框类型。 请帮助我解决这个问题，我相信你的答案也会对其他用户有用。 这是我的自动填充文本框的代码： $(“#EditMaterialName”).autocomplete({ source: function (request, response) { $.ajax({ type: “POST”, url: “someurl”, dataType: “json”, data: { search_string: request.term }, success: function (data) { response($.map(data, function (item) { return { label: item.description, value: item.description } })); } }); }, minLength: 2, select: function (event, ui) { }, change: […]