Questions tagged «jquery-ui-autocomplete»

我正在尝试查找twitter bootstrap typeahead元素的工作示例，该示例将进行ajax调用以填充其下拉列表。 我有一个现有的工作jQuery自动完成示例，该示例定义了ajax URL以及如何处理回复 <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var options = { minChars:3, max:20 }; $("#runnerquery").autocomplete('./index/runnerfilter/format/html',options).result( function(event, data, formatted) { window.location = "./runner/index/id/"+data[1]; } ); .. 我需要进行什么更改才能将其转换为预输入示例？ <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var options = { source:'/index/runnerfilter/format/html', items:5 }; $("#runnerquery").typeahead(options).result( function(event, data, formatted) { window.location = "./runner/index/id/"+data[1]; } …

280 jquery  twitter-bootstrap  jquery-autocomplete  jquery-ui-autocomplete  typeahead.js 

我正在使用jQuery UI Autocomplete插件。有没有办法在下拉结果中突出显示搜索字符序列？ 例如，如果我将“ foo bar”作为数据并输入“ foo ”，则在下拉菜单中将获得“ foo bar”，如下所示：

167 javascript  jquery  jquery-ui  jquery-ui-autocomplete 

我正在使用jQuery UI Autocomplete。 $("#task").autocomplete({ max:10, minLength:3, source: myarray }); max参数不起作用，我仍然得到10个以上的结果。我想念什么吗？

126 jquery-ui  autocomplete  jquery-ui-autocomplete 

我正在开发一个表单，并使用jQuery UI Autocomplete。当用户选择一个选项时，我希望该选择弹出到附加到父<p>标记的跨度中。然后，我希望该字段清除，而不是用选择填充。 我的跨度看起来很好，但是我无法清除该字段。 如何取消jQuery UI Autocomplete的默认选择操作？ 这是我的代码： var availableTags = ["cheese", "milk", "dairy", "meat", "vegetables", "fruit", "grains"]; $("[id^=item-tag-]").autocomplete({ source: availableTags, select: function(){ var newTag = $(this).val(); $(this).val(""); $(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>"); } }); 简单地做$(this).val("");是行不通的。令人发疯的是，如果我忽略自动完成功能，并且几乎在用户键入逗号时采取措施，则几乎所有的功能都可以正常工作： $('[id^=item-tag-]').keyup(function(e) { if(e.keyCode == 188) { var newTag = $(this).val().slice(0,-1); $(this).val(''); $(this).parent().append("<span>" …

97 jquery  jquery-ui  jquery-ui-autocomplete 

我添加了两个jQuery UI Dropdown自动完成脚本。现在，我想同时获取第二个下拉菜单的值onchange和要分别存储在变量中。怎么可能？ 有什么想法或建议吗？谢谢。 我的小提琴： 样本 我的JS代码： (function($) { $.widget("ui.combobox", { _create: function() { var self = this, select = this.element.hide(), selected = select.children(":selected"), value = selected.val() ? selected.text() : ""; var input = this.input = $("<input>").insertAfter(select).val(value).autocomplete({ delay: 0, minLength: 0, source: function(request, response) { var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), …

96 jquery  jquery-ui  jquery-autocomplete  jquery-ui-autocomplete 

是的，在您向我指出这些问题之前，我已经审查了有关该主题的六篇文章，但是我仍然对为什么这行不通感到困惑。 我的目标是检测自动填充何时产生0个结果。这是代码： $.ajax({ url:'sample_list.foo2', type: 'get', success: function(data, textStatus, XMLHttpRequest) { var suggestions=data.split(","); $("#entitySearch").autocomplete({ source: suggestions, minLength: 3, select: function(e, ui) { entityAdd(ui.item.value); }, open: function(e, ui) { console.log($(".ui-autocomplete li").size()); }, search: function(e,ui) { console.log("search returned: " + $(".ui-autocomplete li").size()); }, close: function(e,ui) { console.log("on close" + $(".ui-autocomplete li").size()); $("#entitySearch").val(""); …

89 jquery  ajax  jquery-ui  jquery-ui-autocomplete 

我在尝试使自动完成功能正常工作时遇到了麻烦。 对我来说一切都很好，但是.... <script> $(function () { $("#customer-search").autocomplete({ source: 'Customer/GetCustomerByName', minLength: 3, select: function (event, ui) { $("#customer-search").val(ui.item.label); $("#selected-customer").val(ui.item.label); } }); }); </script> <div> <input id="customer-search" /> </div> @Html.Hidden("selected-customer") 但是，当我从下拉列表中选择一项时，该值将应用于文本框而不是标签。 我做错了什么？ 如果我使用firebug查看源代码，可以看到我的隐藏字段正在正确更新。

86 jquery  asp.net-mvc  jquery-ui  autocomplete  jquery-ui-autocomplete 

在jQuery UI 1.8.4之前，我可以在为使用自动完成功能而构建的JSON数组中使用HTML。 我能够做类似的事情： $row_array['label'] = '<span style="color: red; font-family: courier;">User, Name</span>'; 那会在下拉菜单中显示为红色文本。 从1.8.4开始，这不起作用。我找到了http://dev.jqueryui.com/ticket/5275，该页面告诉我在这里使用自定义HTML示例，但我对此不走运。 如何使HTML显示在建议中？ 我的jQuery是： <script type="text/javascript"> $(function() { $("#findUserIdDisplay").autocomplete({ source: "ui_autocomplete_users_withuname.php", minLength: 2, select: function(event, ui) { $('#findUserId').val(ui.item.id); } }); }); </script> 我的JSON数组包含如下所示的HTML： [{"label":"<span style="color: red";>User, Name</span>","value":"User, Name","id":"10"}]

83 html  jquery-ui  autocomplete  jquery-ui-autocomplete 

我需要有关JQuery UI自动完成功能的帮助。我希望我的文本字段（.suggest-user）显示来自AJAX请求的名称。这就是我所拥有的： jQuery("input.suggest-user").autocomplete({ source : function(request, response) { var name = jQuery("input.suggest-user").val(); jQuery.get("usernames.action?query=" + name, function(data) { console.log(data); // Ok, I get the data. Data looks like that: test = data; // ["one@abc.de", "onf@abc.de","ong@abc.de"] return test; // But what now? How do I display my data? }); }, minLength : …

78 javascript  jquery  ajax  jquery-ui  jquery-ui-autocomplete 

我实现了一个jQuery UI自动完成框，而不是文本框的宽度，下拉选项正在扩展以填充页面的剩余宽度。 看一下这个例子，亲自看看：http : //jsbin.com/ojoxa4 我尝试在创建列表后立即设置列表的宽度，如下所示： $('.ui-autocomplete:last').css('width', $('#currentControlID').width() ); 这似乎无能为力。 我也尝试过使用页面样式设置宽度： ui-autocomplete { width: 500px; } 确实，这确实起作用，但是这意味着页面上的所有自动完成功能都必须具有相同的宽度，这并不理想。 有没有一种方法可以分别设置每个菜单的宽度？或者更好的是，有人可以解释为什么宽度对我来说不正确吗？

74 jquery  jquery-ui  autocomplete  jquery-ui-autocomplete 

我在模态对话框启动程序内的jQuery自动完成功能中出现显示问题。 当我滚动鼠标时，结果不会保持附加到输入中。 有办法解决吗？ 在这里JsFiddle： .ui-autocomplete-input { border: none; font-size: 14px; width: 300px; height: 24px; margin-bottom: 5px; padding-top: 2px; border: 1px solid #DDD !important; padding-top: 0px !important; z-index: 1511; position: relative; } 编辑 我发现了问题： .ui-autocomplete { position: fixed; ..... } 如果模态已经滚动，问题仍然存在！ 在这里JsFiddle / 1。

71 jquery  twitter-bootstrap  jquery-ui-autocomplete  bootstrap-modal