Tag: 自动完成

如何使用自动完成更改选择事件上的文本框值(jQuery UI)

选择项目时,为什么#input-myBox清除? 似乎自动完成阻止我的.val(”)工作,所以我该如何解决这个问题? $(“#input-myBox”).autocomplete({ source: response, minLength: 1, select: function(event, ui) { var selectedObj = ui.item; $(“#input-myBox”).appendTo(“.foo”); $(“#input-myBox”).val(”); } });

如何在不使用下拉列表的情况下实施自动完成function?

如何在没有下拉列表的情况下实现自动完成function? 我希望自动填充function以另一个灰色填充文本框中的剩余字母,如图所示 注意 :我不是在寻找正常的JQuery UI Autocomplete插件 。

我如何使用JQuery自动完成function来处理多个单词

我有一个自动完成字段,我只是想知道如何将它用于多个单词? 当我输入第一个单词时它完美无缺,但是当我在第二个单词中输入空格并输入时,它会将两个单词发送回服务器,当然结果是错误的! 例如。 当我输入两个单词时, ‘Java javascript’ 第一个单词’Java’,自动完成效果很好,拉出列表。 但当我空格键入javascript时,自动完成function会将’Java + javascript’发送到我的ajax函数。 任何想法如何解决这一问题?

jQuery Tag-It – 使用值和标签对象列表

刚试过优秀的Tag-It! jquery的插件( http://aehlke.github.com/tag-it/ ),但我无法按照自己的意愿去工作。 我有一个像这样的对象列表: var food = [{value:1,label:’Pizza’},{value:2,label:’Burger’},{value:3,label:’Salad’}]; 我在设置中传递给tagSource选项: $(“#my_food_tags”).tagit({ tagSource: food, singleField: true, singleFieldNode: $(“#my_food”), placeholderText: “Start typing a food name” }); 这很好用,除非我单击自动完成列表项,它会在标记中显示数值,而不是食物名称。 因此,可以在隐藏字段中输入“值”,并将“标签”显示为标记名称? 这是我的意思的屏幕截图。 该值出现在标签标签中,标签丢失到以太;-) 有人可以帮我吗? 非常感谢! 谢谢,Seb

Jquery自动完成2个输入字段(同一类)

我有两个输入字段,如下所示: 我希望在这两个领域都有自动完成function。 我写了以下JavaScript: $(“.accountCode”).autocomplete( { minLength : 1, source : function(request, response) { $.ajax({ url : baseUrl + “Autocomplete/Account?accountCode=” + $(this).val(), dataType : “json”, success : function(data) { response($.map(data, function(item) { return { value : item.accountCode, desc : item.accountName } })); } }); }, focus : function(event, ui) { $(this).val(ui.item.accountCode); return false; }, select : […]

jquery自动完成突出显示

如何使我的jquery自动完成突出显示用户在任何自动完成的结果中输入的内容? 我使用的代码是: $(“#keyword”).autocomplete({ source: “ajax/autocomplete.php?action=keyword”, minLength: 2 }); 尝试通过链接tomasz发布实现: $(“#keyword”).autocomplete({ source: “ajax/autocomplete.php?action=keyword”, highlight: function(value, term) { return value.replace(new RegExp(“(“+term+”)”, “gi”),’$1′); }, minLength: 2 }); 也没有运气。 jQuery autocomplete似乎讨厌我。 更新:感谢David Murdoch,我现在有了答案! 请参阅@ Herman下面答案的副本。

jQuery变量声明它在定义时未定义

我正在尝试使用两个自动填充文本框,一个用于手机型号 – input1和一个用于固件 – input2在同一页面上。 当两个填充时我想要一个div用ID input1input2显示,但是当在input1中输入一个值时,它声称phone的变量是未定义的,当填写第二个时声明phoneid是未定义的。 这是HTML iPhone 2G iPhone 3G iPhone 3GS iPhone 4 iPhone 4S jQuery的 $(“#input1”).autocompleteArray([“iPhone 2G”,”iPhone 3G”,”iPhone 3GS”,”iPhone 4″,”iPhone 4s”], { minChars:1, matchSubset:1, onItemSelect:selectPhone, onFindValue:findPhone, autoFill:true, maxItemsToShow:10, selectFirst:true, }); $(“#input2”).autocompleteArray([“1.1″,”1.2″,”1.3″,”1.4″,”1.5”], { minChars:1, matchSubset:1, onItemSelect:selectFirmware, onFindValue:findFirmware, autoFill:true, maxItemsToShow:10, selectFirst:true, }); function findPhone(li) { if( li == null ) return alert(“No match!”); […]

使用Ajax的jQuery Autocomplete将无法解析

我正在尝试使用ajax的基本自动完成function。 我无法理解结果。 我对jQuery比较新,所以我为我的语法道歉,我更擅长PHP。 $(“#category_title”).autocomplete({ source: function (request, response) { $.ajax({ url: ‘index.php?controller=AdminEvents&action=AutoComplete&variable=asdf’, type: ‘GET’, success: function(data){ response(data); } }); }, minLength: 2 }); 控制器的响应是样本数据,实际上并没有从数据库中获取任何内容: if ($this->isXHR()) { //$response = “{value1:test, value2:test2}”; $response[‘value1’] = “test”; $response[‘value2’] = “test2”; $json = json_encode($response); print($json); } 这是对我来说很奇怪的部分..基本上,这是有效的,弹出自动完成框,但这是它对返回的作用: 为什么? 谢谢你的时间!

未捕获的TypeError:$(…)。autocomplete不是函数

我正在尝试实现一个JQuery自动完成文本框。 我无法让我的自定义工作,所以我试图实现股票文本框而不是开始,所以我可以修复此错误。 考虑到我已经包含了页面( https://jqueryui.com/autocomplete/#default )建议的所有文件,我不确定这是从哪里来的。 除了demo css文件,但这没关系,因为css不应该与文本框的function相关。 这是代码: $(function () { var availableTags = [ “ActionScript”, “AppleScript”, “Asp”, “BASIC”, “C”, “C++”, “Clojure”, “COBOL”, “ColdFusion”, “Erlang”, “Fortran”, “Groovy”, “Haskell”, “Java”, “JavaScript”, “Lisp”, “Perl”, “PHP”, “Python”, “Ruby”, “Scala”, “Scheme” ]; $(“#tags”).autocomplete({ source: availableTags }); }); Tags: 布局:

jQuery自动完成 – xml跨站点请求

我的自动填充的XML Feed在另一台服务器上。 是否有获取此XML文档的客户端(javascript)方法? 我知道我可以用php,jsp等创建代理..但我需要在客户端做到这一点。 这就是我现在调用文件的方式,只有当它位于同一个域时才有效: function callAjax(url) { $.ajax({ url : url, dataType : “xml”, success : function(xmlResponse) { totalrec = $(“TOTALREC”, xmlResponse).text(); $.merge(data1, $(“ROW”, xmlResponse).map(returnResults).get()); }// end of success });