Tag: jquery autocomplete

Jquery在jquery ui autocomplete上捕获click事件

我一直试图弄清楚这一点，但我不能 问题是我有一个带有类型text的input字段，当选择自动完成的值时，我需要获取当前输入数据。 注意我正在使用jQuery UI自动完成。 我可以捕获keyup事件但是当用户使用点击自动完成值时。 jQuery不会触发change事件处理程序，我尝试使用每个事件处理程序，但无济于事。 我认为它无法捕获基于DOM的元素操作？ 我不确定。 这是一个小提琴

jQuery UI自动完成刷新数据

我使用jQuery ui自动完成function。 var colors; $(document).ready(function(){ loadColors(); $(‘#empf’).autocomplete(colors); } function loadColors(){ colors = new Array(getNumColor()); //in a loop save the colors to array using colors[i] = … } function addColor(){ … color[n] = color; } 当用户输入新颜色时，它将保存到颜色数组中。 我切换到自动完成表单，但在刷新页面之前输入的数据不可用。 任何想法如何使自动完成的新颜色可用？

自动完成没有jQuery UI

我在我的项目中使用jQuery，我需要实现自动完成，但我想避免包含jQuery UI小部件，并希望使用一些特定的外部插件。 你能提供一些例子/链接吗？ 我必须查询返回键值对的远程JSON源。

如何突出显示自动完成jquery ui中的输入单词

你能否帮我突出显示自动完成文本框中输入的单词。 我已经填充了自动填充单词，我只需要突出显示单独输入的单词。我是Jquery自动完成的新手 我得到的输出文本像Brijesh //被视为文本 而不是仅仅强调Br 。 以下是片段 $(document).ready(function () { $(“#studentName”).autocomplete({ source: function (request, response) { $.ajax({ type: “POST”, contentType: “application/json; charset=utf-8”, url: “Webservice.asmx/GetStudentNames”, data: “{‘prefixText’:'” + request.term + “‘}”, dataType: “json”, success: function (data) { var regex = new RegExp(“(?![^&;]+;)(?!<[^]*)(” + request.term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi, “\\$1”) + “)(?![^]*>)(?![^&;]+;)”, “gi”); response($.map(data.d, function (item) { return { label: item.split(‘|’)[0].replace(regex, […]

在Bootstrap输入字段中样式jQuery自动完成

我已经为Bootstrap输入实现了一个jQuery自动完成function。 jQuery自动完成工作正常，但我希望将结果看作组合，我猜它现在正在发生，因为我正在使用BootStrap。 这是我正在分配自动完成的字段： Employee $(this).autocomplete({ source: function(request, response) { $.ajax({ url: ‘@Url.Content(“~/Employee/SearchEmployee”)/’, type: ‘POST’, contentType: ‘application/json’, dataType: “json”, data: JSON.stringify({ employerId: 1, searchStr: me.val() }), success: function(data) { if (data.success) { response($.map(data.data, function(item) { return { label: “(” + item.EmployeeNumber + “) ” + item.FirstName + ” ” + item.MothersLast + “, ” + item.FathersLast, […]

jquery mobile自动完成加载页面的不同行为

目前我在jquery mobile（ http://andymatthews.net/code/autocomplete/ ）中遇到了自动完成function的问题。 因此，如果我直接通过url运行页面，页面和自动完成function将毫无问题地工作。 如果我通过带有更改页面function的主菜单导航到页面，则自动完成function将不起作用！ 你能给我一个建议吗？ 我的代码： 主菜单： Neue Reservation $.cookie.json = true; $(‘#buttonNewReservation’).click(newReservation); function newReservation() { var session = $.cookie(“session”); if (session != null) { $.mobile.changePage(“/https://stackoverflow.com/questions/13107644/jquery-mobile-autocomplete-different-behavior-at-loading-page/newReservations/newReservation.htm”, {data:session}); } } 具有自动填充function的页面：与http://andymatthews.net/code/autocomplete/search.html中的代码相同 谢谢你的帮助！ 亲切的问候，亲

如何在jquery ui自动完成中使用json传递隐藏的id？

也许它是重复的，但我找不到解决方案所以我发布了这个问题。我使用jquery ui自动完成搜索框。 它工作正常，但问题是我想使用id.example搜索：当用户输入paris时，我尝试在mysql中发送city_id进行搜索。 所以问题是如何用json传递隐藏的id？ 这里的代码： <input type="text" name="grno" id="grno" class="input" title=" jquery code: $(function() { function split( val ) { return val.split( /,\s*/ ); } function extractLast( term ) { return split( term ).pop(); } $( “#grno” ) // don’t navigate away from the field on tab when selecting an item .bind( “keydown”, function( event […]

jQuery UI自动完成 – 没有结果消息

如果没有结果，我试图在下拉菜单中显示“无结果”消息。 因此，例如，如果我在文本字段中键入“ABCD”，并且没有匹配的实体，则显示消息“无结果”。 将显示。 在通过stackoverflow查看完成此操作的各种不同方法并尝试其中一些之后，我仍然无法使其工作。 如果未找到结果，如何在下拉菜单中添加“无结果”消息？ jQuery的： $element.autocomplete({ source: function (request, response) { $.ajax({ url: thUrl + thQS, type: “get”, dataType: “json”, cache: false, data: { featureClass: “P”, style: “full”, maxRows: 12 }, success: function (data) { response($.map(data, function (item) { if (data.indexOf(item) === -1) { return { label: “No Results.” } } else { return […]

Jquery uicombobox（自动完成）消失

我正在尝试这样做http://jqueryui.com/autocomplete/#combobox问题是，当我用鼠标选择一个选项时，选项将消失并且它出现了建议：“x不符合任何item“其中x是我在combobox中写的字母。 现在我发布网站上的脚本： (function( $ ) { $.widget( “ui.combobox”, { _create: function() { var input, that = this, wasOpen = false, select = this.element.hide(), selected = select.children( “:selected” ), value = selected.val() ? selected.text() : “”, wrapper = this.wrapper = $( “” ) .addClass( “ui-combobox” ) .insertAfter( select ); function removeIfInvalid( element ) { var value […]

JQuery Auto Complete替代Select Drop Down

我在文本输入上使用jQuery自动完成小部件来替换选择下拉列表。 当用户点击文本框时，会打开建议下拉列表。 我的解决方案在FireFox中工作得很好但在Internet Explorer 8中有点故障。在Internet Explorer中，当从建议下拉列表中选择项目时，建议列表消失，然后重新显示一小段时间。 我不知道如何防止这种情况。 我正在使用：（jquery）jquery-1.6.4.min.js（jquery UI）jquery-ui-1.8.16.custom.min.js 代码如下 var RegTempList = [ { label: “Auxiliary Monthly Trust”, value: 1000}, { label: “Auxiliary Monthly Operating”, value: 1001}, { label: “Auxiliary Hourly Trust”, value: 1002}, { label: “Auxiliary Hourly Operating”, value: 1003}] $().ready(function() { $(‘#txtPosTypeS’).autocomplete({ minLength: 0, source: RegTempList, delay: 0, focus: function( event, ui […]