Tag: jquery autocomplete

是否可以更改JQuery的JQueryUI自动完成生成的Url？

我正在使用JQuery JQueryUI的AutoComplete代码。 它转到我提供的url（找到答案），但在url后附加?term= 。 我正在尝试获取以下url… /myurl/ 例如。 /myurl/abcd /myurl/hello+world 等等… 是否有可能做到这一点？ 否则，可以将查询参数term重命名为其他内容，如query到q等？

如何修改JQuery自动完成框的输入？

有没有办法修剪（删除前导/尾随空格）用户输入的输入到jQuery自动完成文本框之前，它与名称列表匹配：值？ 我目前有一个文本框，用户可以在其中输入名称。 然后通过jQuery将名称与name：value对列表进行匹配： var resources = [ ]; jQuery(function(){ jQuery(‘#Resource’).autocomplete({ source: resources, focus: function(event, ui) { jQuery(‘#Resource’).val(ui.item.label); return false; }, select: function(event, ui) { jQuery(‘#Resource’).val(ui.item.label); jQuery(‘#EmployeeNumber’).val(ui.item.value); return false; } }); }); 我的问题是，如果用户输入的名称与resources地图中的一个匹配，但在其后面有空格，则不会匹配，因此不会为输入分配任何值。 如果可能的话，我想在这个映射中至少忽略尾随空格（如果不是前导空格）。 另外，如果没有找到地图，是否可以为输入框添加默认值？ 编辑： 另外，如果用户键入不匹配的内容，是否可以在下拉自动填充框中显示不匹配条目？ 为问题后编辑道歉。

Jquery UI自动完成ajax不会填充下拉框

我需要帮助，我看不出问题出在哪里。 当我在html文件中设置自动完成源时，它工作正常，当我在ajax.php中打印出相同的源或数据库值并通过ajax返回它时它不起作用。 可能是什么问题呢？ 请帮忙。 Html： Auto complete .ui-autocomplete-loading { background: url(“images/loader.gif”) no-repeat scroll right center white; } jQuery(document).ready(function($){ $(“#ac”).autocomplete({ minLength: 2, //source: [{“value”:”Some Name”,”id”:1},{“value”:”Some Othername”,”id”:2}] source: function( request, response){ $.ajax({ type: ‘GET’, url: ‘ajax.php’, data: { ‘term’:request.term }, contentType: “application/json; charset=utf-8”, dataType: “json”, success: function(data){ console.log(‘Success : ‘ + data); }, error: function(message){ alert(message); } […]

jQuery UI – 自动完成 – 自定义样式？

我正在使用以下代码，它正在工作，获取值等，但 and 标签显示为文本而不是呈现。 我想将item.id和item.label放在不同的行上，如果可能的话， item.id粗体： $( “#predictSearch” ).autocomplete({ source: function( request, response ) { $.ajax({ url: “index.pl”, dataType: “json”, data: { term: request.term }, success: function( data ) { response( $.map( data.items, function( item ) { return { label: ” + item.id + ” + item.label, value: item.id } })); } }); }, minLength: 2 […]

JQuery Autocomplete，填充来自pHp json的数据

我正在返回一个JSON编码的数组： echo(json_encode($data)); 从PHP，我希望它从JQuery自动完成填充建议框。 我正在使用这个： $(“#field”).autocomplete({ source : “SearchTest.php”, maxLength: 5 }); 不知道为什么这不起作用。 每次按键后，我都会检索数据并用这些数据填充建议框，我不希望自动完成排序并为我选择，我正在做那个服务器端。 它现在只是一个字符串列表。 能够自定义数据的呈现方式也很不错。 编辑：将来源更改为发布： $(“#field”).autocomplete({ source : function(request, response) { $.post(“SearchTest.php”, request, response); }, maxLength : 5 }); 立即获得此错误： Uncaught TypeError: Cannot use ‘in’ operator to search for ‘1240’ in Notice: Undefined index: field in /…/SearchTest.php on line 25 第25行是： $whatTheyWantToSearch = $_POST[‘field’];

使用带有rails的jquery auto complete插件的示例

如果有人可以帮助我在rails应用程序中实现自动完成function，那将是非常有帮助的。我尝试了jquery auto complete插件。我无法实现。 我的控制器： def new @testers = User.find_by_sql(“select * from users where id in(select user_id from user_role_assignments where role_id in (select id from roles where name like ‘Tester’)) order by name”).paginate(:page=>params[:page],:per_page=>30) respond_to do |format| format.html # new.html.erb format.xml { render :xml => @release } end end 我想为@testers创建一个自动完成 查看代码： = form.label :tester_tokens, “Testers” = form.text_field […]

如何让input元素触发jQuery自动完成小部件？

我有几个使用jQuery自动完成function增强的输入字段。 触发选择事件时如何获取相应的输入字段？ $(‘input[type=text]’).autocomplete({ source: ‘suggestions.php’, select: function(event, ui) { // here I need the input element that have triggered the event } });

如何在键入时过滤jquery自动完成数据

到目前为止，我有以下内容 var aCleanData = [‘aaa’,’aab’,’faa’,’fff’,’ffb’,’fgh’,’mmm’,’maa’]; $(‘#my-input’).autocomplete({ source:aCleanData, minLength:2 }); 目前，如果您键入aa ， aaa,aab,faa,maa将显示。 我想要做的是当用户键入ff ，显示的数据将是fff,ffb数据。 基本上，只有键入的内容应该从第一个字符开始匹配。 这应该是递归的。 当用户键入fg ， fff,ffb fgh应该fgh ，只有fgh应该出现。 在此先感谢您的帮助。 更新： ps看看我的意思： http://jqueryui.com/demos/autocomplete/#default 键入sc ，您将看到的不仅仅是以sc开头的数据。

jquery自动填充自动填充字段，带有第一个值和高亮度添加部分

即时通讯使用jqueryui自动完成插件与以下代码 $(this).autocomplete({ source: function(request, response) { $.ajax({ url: ‘clinic/auto’, data: { ‘term’: this.term,’name’: this.element.attr(‘complete’)}, dataType: “json”, type: “POST”, success: function(data){ response(data); } }); }, minLength: 2 }); 这会在下拉列表中显示所有结果的列表。 我的问题是如何让它为你自动完成工作并突出显示添加的部分以便于使用？ 我必须编码吗？ 或者已经存在一个选项？ 如果我想做它手册怎么办呢？ 示例图片： 迄今解决方案： 我发现这个链接 ，这是非常有用的（猴子修补jquery-autocomplete）来编辑样式，但仍然不是我想要的..

使用静态json文件作为源的jQuery UI自动完成

我正在使用jquery-ui-autocomplete （实际上，一个catcomplete附加到搜索框）。 只要我使用静态定义的项目数组作为源，它就可以很好地工作。 出于性能原因，我不希望自动完成function将Ajax请求发送到PHP脚本，这样就可以向MySQL发送％like请求。 所以， 我从DB生成了一个JSON文件 ，其中包含了搜索中可以匹配的每个项目（大约20-30项，来自许多sql表）。 当页面加载或用户开始在搜索框中输入时，我只想读取/解析文件一次。 我被困在这里。 我试图将Ajax调用附加到.catcomplete（）（下面的代码）。 我还尝试进行getJSON调用并在其success（）方法中创建.catcomplete。 两种方式都无声地失败。 我是JS / jQuery的新手，我已经喜欢它，但我有点迷失了。 任何有用的doc的帮助/解决方案/指针都将非常感激。 非常感谢你！ 这是HTML :(真正的简单） 这是我的JS代码： $( “#searchfield” ).catcomplete({ delay: 0, source: function( request, response ) { $.ajax({ url: “/path/to/cache.json”, dataType: “json”, data: {term: request.term}, success: function(data) { response($.map(data, function(item) { return { label: item.label, category: item.category, desc: item.desc }; })); […]