Tag: jquery autocomplete

Codeigniter中的Jquery自动完成检索值但不显示它们

经过几个小时的解密教程,我终于得到了codeigniter和jquery自动完成function,可以互相协作……有点儿。 Firebug以JSON格式显示正确的搜索条件,但下拉框未显示任何文本。 如果有2个结果,则显示2个空行。 你可以在这里看到它“不工作”: http : //rickymason.net/blurb/main/home JS: $(document).ready(function() { $(function(){ $( “#filter” ).autocomplete({ source: function(request, response) { $.ajax({ url: “http://rickymason.net/blurb/main/search/”, data: { term: $(“#filter”).val()}, dataType: “json”, type: “POST”, success: function(data){ response(data); } }); }, minLength: 2 }); }); }); 控制器: public function search() { $term = $this->input->post(‘term’, TRUE); $this->thread_model->autocomplete($term); } 模型: public function autocomplete($term) […]

比较两个jquery ui自动完成combobox值?

如何比较两个jquery ui自动完成combobox值,而不是由jquery生成但值的输入值? 如何获取这些值并在每次更改时对它们进行比较,或者其中之一?

自动填充文本框设计不匹配

我已经使用了现成的代码并在我的项目中实现它。 既然代码在一个文本框中工作正常,它也得到输出。 当我将它用于另一个文本框时,它从服务器端获得结果,但不知何故它不会在客户端显示。 @model IEnumerable …. …. @using (Html.BeginForm(“Index”, “UserDetails”, FormMethod.Get)) { @Html.TextBox(“SearchName”, “”, new { @class = “control-label col-md-2”, Style = “margin-right:10px;”, placeholder = “Name”, id = “txtUserName” }) @Html.TextBox(“SearchEmail”, “”, new { @class = “control-label col-md-2”, Style = “margin-right:10px;”, placeholder = “Email”, id = “txtEmail” }) @Html.DropDownList(“SearchDesignation”, ViewBag.DesignationList as SelectList, “Select”, new { […]

jquery自动填充以填写另一个字段

我在一个输入字段上使用自动完成function来填充另一个输入字段: jQuery代码: var x = [“apple”, “kiwi”, “lemon”]; $( “#fruit” ).autocomplete({ source: x }); jQuery(document).on(“change”,”#fruit”, function() { $.each(x, function(key, value) { switch(value) { case “apple”: $(‘#details’).val(“Delicious”); break; case “kiwi”: $(‘#details’).val(“Yummy”); break; case “lemon”: $(‘#details’).val(“Sour”); } }); }); 当有人用自动完成选择苹果,猕猴桃或柠檬时,它会用相应的文本填写另一个输入字段。 我有两个问题: 目前它总是打印出“酸” 当您从自动填充中选择一个条目时,您必须再次单击以填写该字段。 当有人从自动填充中选择一个选项时,有没有办法做到这一点? 这是一个小提琴

从coldfusion查询中形成json以用于jquery自动完成

我很难过。 我有一个现有的自动完成function,当从ColdFusion自动提示输入调用时,该function有效。 现在,我正在尝试将页面转换为使用jQuery自动完成输入,并且无法使其工作。 这是autosuggest.cfc中的现有函数: SELECT DISTINCT SERIAL_NUMBER FROM myTable WHERE SERIAL_NUMBER LIKE ‘%#trim(ARGUMENTS.search)#%’ ORDER BY SERIAL_NUMBER 当我在输入“01”后从我的自动完成输入中调用它时,控制台会显示如下响应: [“0000003001″,”0100002000″,”0100002001″,”0100002002″,”0100002003″,”0100002004”,7300000100,7300000101,7300000102,7300000103,7300000104,7300000105,7300000107,7300000108,7300000109,7300000110,7300000111,7300000112] 请注意,前六个响应在双引号内,而其余的不是。 自动完成显示前六个响应,但不显示其余响应。 这是我的第一个问题。 第二个是我希望将响应注入到输入的文本和值中; 目前,只有文本显示响应。 我并不感到惊讶,因为我只返回一个值。 但是,我无法弄清楚如何实现这一目标。 我尝试用解析函数初始化自动完成,如下所示: $(document).ready(function(){ $(‘#myInputID’).autocomplete( {source: function(request, response) { $.ajax({ url: “cfc/autoSuggest.cfc?method=lookupSerialNumber>&returnformat=json”, dataType: “json”, data: { search: request.term, maxRows: 10 }, success: function(data) { response(data); } }) }, parse: function(data){ return $.map(data, […]

使用jquery自动完成和工具提示

如何显示这样的自动完成和工具提示? 谢谢大家。

php mysql jquery AJAX自动完成区分大小写

在我的PHP脚本中, $names = $_GET[‘part’]; $result = mysql_query(“SELECT * FROM namestable where names LIKE’%$names%’ LIMIT 10”); while ($row = mysql_fetch_assoc($result)) { $colors[]=$row[‘publishers’]; } 检查匹配并运作良好。 但是假设我的桌子有一个名字阿尔弗雷德,只有当我输入Alfr并且如果我输入Alfr ,该建议才会出现

按下字符’@’开始jquery自动完成

我有一个textarea,我在其中写消息。 我想在某些条件下激活jquery自动完成function,例如 – 当用户按下’@’时,他们应该开始看到这个建议,直到他们不按空格。 它类似于facebook风格的@friends预测。 jquery本身就支持这个吗? 有任何想法吗?

专注于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在数据库中查找建议。 有没有办法做到这一点? 也许我不懂文档?