Tag: 自动完成

jQuery自动完成(devbridge)lookupFilter来搜索多个属性

我有以下代码 – $(function() { var fruits = [ { value: ‘Apple’,id: ‘123’, data: ‘Apple’ }, { value: ‘Pear’, id: ‘543’, data: ‘Pear’ }, { value: ‘Carrot’, id: ‘123’, data: ‘Carrot’ }, { value: ‘Cherry’, id: ‘234’, data: ‘Cherry’ }, { value: ‘Banana’, id: ‘543’, data: ‘Banana’ }, { value: ‘Radish’, id: ‘3423’, data: ‘Radish’ } […]

jQuery和Grails / HTML – 像Google一样使文本字段完整

我想在我的页面中创建某些字段,向我显示像Google一样可能的完成句子列表。 我认为这是通过jQuery完成的,但我不确定。 文本域名为商品。 假设我写了General,并且在列表,数组或DB中我有General Commodity我应该在textfield下显示General Commodity。 提前致谢! ——- ——-更新 var data = “General Commodity,General Store,General Custer,General Mills”.split(“,”); $(“#Ccommodity”).autocomplete({ source: data }); 当我转到Ccommodity输入文本字段时,我写了G并没有任何反应,也许我在那里有一些语法错误。 谢谢您的帮助

jQuery自动完成json源 – 不自动完成,但只显示完整列表

我使用jQuery UI的自动完成function。 $(“#search”).autocomplete({ minLength: 0, source: ‘source.php’, select: function( event, ui ) { $(“#search”).val(ui.item.label); return false; }, focus: function(event, ui) { $(“#search”).val(ui.item.label); return false; } }); 我在source.php中插入多个元素并返回json编码。 $search[] = array( ‘value’ => $id, ‘label’ => $name ); echo json_encode($search); 当我开始在自动填充字段中输入时,会显示一个列表,其中包含source.php的元素。 但不幸的是,所有这些。 根据我在现场输入的内容,它们不是filter。 当我使用json时,是否有任何特殊选项需要设置? 编辑:感谢TJ Crowder,我提出了这个让jQuery完成工作的解决方案; ) $.getJSON(‘source.php’, function(search) { $(“#search”).autocomplete({ minLength: 0, source: search, select: […]

如何在脚本中获取自动完成表单的多个json文件值

请,我是php的初学者..我想使用json编码的数组,如下所示: http : //stegonia.fr/autocomplete/index2.php (你可以看到var_dump的结果)。 我希望能够在自动填充表单中看到值和标签名称,并将ID号存储在我的数据库中。 我想使用这个自动完成解决方案: http://stegonia.fr/autocomplete/index3.php 这个解决方案的javascript(index3)是: $(document).ready(function () { $(‘#speciesname’).typeahead({ source: function (query, result) { $.ajax({ url: “server3.php”, data: ‘query=’ + query, dataType: “json”, type: “POST”, success: function (data) { result($.map(data, function (item) { return item; })); } }); } }); }); server2的php代码就是这个: $term = trim(strip_tags($_GET[‘term’])); $a_json = array(); $a_json_row = array(); […]

如何使用文本框值过滤多个选择中的值

我有一个文本框和多个选择框。 当我在文本框中写东西时,它将在多个选择中过滤该文本并仅显示匹配的值。 Long Distance Travel Amazing Excellent Travelling I am rich 因此,如果我开始在输入框中书写,它将开始过滤选择框中的值。 我想要使​​用选项标签的文本进行过滤。 请指导。

jQuery自动完成远程JSON数据源不返回数据

我一直在这方面工作,并搜索了所有其他的例子,似乎仍然无法弄明白,尝试使用jquery ui autocomplete,第一次尝试把这一切都放在一起。 这是我的JS: $(document).ready(function () { $(“#search-title”).autocomplete({ source: function ( request, response ) { $.ajax({ url: “/include/autocomplete”, dataType: “json”, data: { term: request.term }, success: function (data) { response( $.map( data.stuff, function ( item ) { return { label: item.name, value: item.name }; })); } }); }, minLength: 2, focus: function (event, ui) { […]

jQuery-autocomplete滚动问题

我在我的应用程序中使用rails3-jquery-autocomplete 。 我遇到了以下问题:如果您在输入字段中输入内容以显示自动填充数据并在此之后滚动页面,则自动填充数据框不会随页面滚动。 它保持在同一个位置。 你可以看看我在这里面对的是什么。 请注意,此示例不是由我创建的,因此我不确定此处是否使用了相同的jquery插件。 然而问题是完全一样的。

使用_renderItem类中断自动完成字段

我有一个jQuery自动完成字段,直到现在一直工作正常。 我决定在它上面使用_renderItem ,因为我想在结果中使用一些HTML。 这是我的代码: function prepareClientField() { var renderItemFunction = function(ul, item) { return $(“”) .data(“item.autocomplete”, item) .append(item.label) .appendTo(ul); }; $(“#client_name”).autocomplete({ source: clientNames, delay: 0 }).data(“autocomplete”)._renderItem = renderItemFunction; $(“#client_name”).focus(); } 因为现在,我无法在自动填充字段中使用向上/向下箭头。 我甚至无法使用鼠标单击结果中的项目。 还有什么我需要做才能让它真正起作用吗?

是否有一个jQuery自动完成插件,它会强制选择一个项目?

有自动完成function ,但它不会强制选择项目。 我需要这样的东西,但它必须强制选择一个项目才能“提交”。 它存在吗?

手动触发jQuery自动完成

我正在使用jQuery UI Autocomplete和一些AJAX(直到他们停止输入后才会提取数据)。 我想这样做,一旦找到数据,自动完成将弹出作为搜索结果。 这是有效的,但是只有当我再次开始输入时(在我输入之前,下拉列表不会触发,因为直到我停止输入后它才会被初始化)。 我的代码: var availableTags = [ “Perl”, “PHP”, “Python”, “Ruby” ]; $(‘input#mainSearchBox’).autocomplete({ source: availableTags, minLength: 0 }); $(‘input#mainSearchBox’).data(‘autocomplete’).menu.active; 最后一部分是尝试激活自动完成,但失败了。