Tag: jquery autocomplete

以编程方式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: […]

使用jquery ui自动完成小部件时，请停止“输入”密钥提交表单

我有一个使用jquery自动完成UI插件的表单， http：//jqueryui.com/demos/autocomplete/ ，除了当您按下回车键选择自动完成列表中的项目时，它都可以正常工作，它提交了形成。 我在.NET webforms站点中使用它，因此可能存在与.NET注入的表单相关联的javascript处理，它覆盖了jQuery的东西（我在这里推测）。

如何在我的代码中使用jqueryvalidation和jquery自动完成

嗨，我正在使用codeigniter。 我正在使用jjery和jqueryvalidation插件的 ajax 自动完成 有一个叫做城市的输入框 我为此输入框使用自动完成function jquery代码 var a = jq(‘.city’).autocomplete({ serviceUrl:”config->item(‘base_url’); ?>home/auth/city_autocomplete”, }); 这个的形象 当我从下拉列表中选择一个值时，jqueryvalidation插件会给出一个错误，’min length 3’。 但城市名称大于3个字符 这是我的validation插件代码 var x=jq(“#contactinfo”).validate({ rules: { city: { required:{ depends: function(){ return ((type == “Single Store & Venue”) || (type == “Chain Store & Venue”)|| (type == “Department Store”)); } }, minlength: 3, maxlength: 50 }, }, […]

从自动填充中选择重定向用户？

我正在尝试实现jquery自动完成插件。 我已经启动并运行，但有些东西不能正常工作。 基本上我有一个自动完成的员工名单。 该列表是使用VB.NET处理程序（.ashx文件）从sql-database（employee_names和employee_ID）中的表生成的。 数据格式为：employee_name-employee_ID。 到目前为止，所有员工都在自动填充中列出。 问题是我不知道如何在用户从自动填充中选择员工时将用户重定向到某个页面（例如employee_profile.aspx）。 这是我的重定向代码，但它不能正常工作： $(‘#fname2’).result(function(event, data, formatted) { location.href = “employee_profile.aspx?id=” + data }); 例如; 用户选择它会将用户重定向到employee_profile.aspx？id = employee的employee-id名称 （例如：employee_profile.aspx？id = John Doe-91210）而不是employee_profile.aspx？id = 91210。 我知道我可以剥离employee_ID： formatResult: function(data, value) { return value.split(“-“)[1]; } }); 但我不知道如何将employee_ID传递给重定向页面。 这是我的全部代码： $().ready(function() { $(“#fname2”).autocomplete(“AutocompleteData.ashx”, { minChars: 3, selectFirst: false, formatItem: function(data, i, n, value) { return value.split(“-“)[0]; […]

jquery UI自动完成支持是否限制在支持多个值的无效值上键入？

我正在接管一个新的网站，它使用了一个旧的弃用版本的jquery autocomplete插件 。 我试图使用最新的jquery ui自动完成function重新创建function，并且有一个function我似乎无法复制。 我想在有多个值允许的情况下复制“mustMatch”function。 所以基本上，如果我开始输入任何未显示在任何搜索结果中的测试（甚至是部分字符串搜索），它会重置该字段的条目（而不是让我输入不在有效列表中的垃圾）选择） 那么就说我的名单（本地）是{“Bird”，“Song”，“Happy”} 它会让我输入 Bird, Son 但如果我在之后键入z它会保持打开状态 Bird, Son 告诉我这是一个无效的条目 这可以在jquery ui自动完成中执行吗？ 我看到很多来自谷歌的旧post提出了类似的问题和答案 ，但是没有一个似乎与多个值一起工作（许多似乎根本不工作:(）

如何在文本输入上方放置自动完成菜单？

有没有办法在文本输入上方显示自动完成结果集？ 问题是我在lighbox应用程序中使用它。 背景元素设置为页面高度和宽度的100％，它自然不会随其内容扩展。 因此，如果文本框上方的内容增加太多以至于输入被强制朝向页面底部，然后用户在其中键入内容，则会出现自动完成菜单，并且输入朝向页面末尾，即菜单导致滚动条出现 由于背景元素（深色）不会扩展以适应它，因为菜单是绝对定位的，它看起来很丑陋，页面底部显示为白色（与实际页面的颜色一致），而页面顶部则为黑色。 所以无论如何要做到这一点，在出现自动完成菜单之前，应该检查输入的位置。 如果它是，例如，从顶部超过300px，那么菜单应该出现在输入上方？ 这是代码： Filter div.filtertab { display: inline-block; height: 30px; background:url(filter.png); border-radius: 5px; position: relative; margin: 10px 45px 10px 8px; cursor: pointer; -moz-user-select: none; box-shadow: 4px 2px 2px #aaaaaa; } div.filtertab span.filtertext { position: relative; margin-top: 4px; margin-left: 11px; margin-right: 1px;font-family:cursive,”Comic Sans”; font-size: 0.9em; float: left; display: inline-block; } span.arrow […]

如何自定义jquery自动完成以在DIV中显示

我只是想知道，之前我使用过自动完成插件，但jquery网站上的示例看起来非常简单实用： $(function() { var availableTags = [ “ActionScript”, “AppleScript”, “Asp”, “BASIC”, “C”, “C++”, “Clojure”, “COBOL”, “ColdFusion”, “Erlang”, “Fortran”, ]; $( “#tags” ).autocomplete({ source: availableTags }); }); Tags: 但是，发布的结果都在输入框中。 当你点击结果时它们会消失。 1）我需要结果不会消失，只要输入中的文本与数组中的某些值匹配，就需要始终显示它。 2）结果应显示为div。 我不需要点击该选项并将其显示在文本框中的function。 我真的只是想做一个动态的即时搜索。 此致，泰勒。

使用ASP MVC进行jQuery UI自动完成

我正在尝试让jQuery Automcomplete工作，但它不会按我的意愿执行：P这是我的代码： JavaScript的： $(“#CustomerID”).autocomplete({ source: function(request, response) { $.ajax({ type: “POST”, url: “/customer/search”, dataType: “json”, data: { term: request.term }, error: function(xhr, textStatus, errorThrown) { alert(‘Error: ‘ + xhr.responseText); }, success: function(data) { response($.map(data, function(c) { return { label: c.Company, value: c.ID } })); } }); }, minLength: 2, select: function(event, ui) { alert(‘Select’); } […]

在浏览器resize时重新定位jQuery UI自动完成

如果您打开自动完成下拉菜单并调整浏览器窗口大小，则自动完成下拉列表不会重新定位，则会出现问题。 在此video中突出显示： http ： //www.youtube.com/watch？v = d7rZYH0DgWE 我查看了文档，找不到可以在$（window）.resize（）函数调用中调用的重定位方法（在jquery-ui文档http://jqueryui.com/demos/autocomplete中 ）。 这有优雅的灵魂吗？

jQuery自动完成结果的顺序

我正在使用jQuery-autocomplete插件来获取使用对服务器的AJAX调用来完成输入字符串的建议。 此外，服务器负责按照我希望它们出现的顺序返回结果，但自动完成以不同的顺序显示它们。 如何配置jQuery自动完成以不重新排序输出？ 我不需要在客户端进行任何处理，因为数据已根据需要进行排序/排序。