Tag: 自动完成

JQuery自动完成

我的jQuery自动完成字段有问题。 它有些奇怪。 这是我的自动填充字段和脚本。 我的mvc函数的响应运行正常。 下拉列表是可见条目。 但是当我试图选择一个项目时,结果列表就会消失。 有没有人有想法? 码: $(function () { $(‘#newPlayerName’).autocomplete({ source: function (request, response) { $.ajax({ url: ‘/Trainer/Search’, data: { searchTerm: request.term }, dataType: ‘json’, type: ‘POST’, minLength: 1, success: function (data) { response(data); } }); }, select: function (event, ui) { checkRegistration(ui.item.value); }, focus: function (event, ui) { event.preventDefault(); $(“#newPlayerName”).val(ui.item.label); } }); […]

全局位置输入自动完成

我正在寻找一个插件来创建一个智能位置表单字段,其中包含建议的自动完成function。 我找不到任何合适的东西(谷歌地理编码本身太不可靠,而且它不是为此而设计的)所以我建立了自己的。 我认为在2011年这样一个开源的全球位置输入插件并不存在,所以很开心。 该演示在这里http://labs.unxposed.net/unxposed/geocode/ ,正在开发Chrome和Firefox 4.下载在这里https://github.com/unxposed/geocode 我有一个主要问题。 有时它的效果很好。 在输入中输入Ban时,我会得到一个建议列表。 输入是自动填充的,第一个建议返回匹配Ban ,选择Ban后输入文本(非常类似于Chrome地址栏)。 但是,大多数情况下,输入中自动填充选择的文本变得不突出,然后光标移动到输入的末尾(这真的很烦人)。 就像这样 – 在我输入Banbur之后 。 我很确定这与谷歌地图有关,好像我删除了辅助来源(谷歌地理编码),问题得到解决,自动填充/输入选择工作得很好,但为什么会发生这种情况,我该如何解决? 任何其他改进/优化/建议也将非常感谢! 谢谢

添加到jquery ui自动完成列表的其他链接

对不起,我找不到如何做到这一点的明确解决方案。 我在textbox上使用jQuery UI自动完成,该textbox从数据库中检索数据。 我需要在列表末尾添加一个“添加新地点”链接。 我想允许用户添加新的场地,如果他们正在寻找的场地不在数据库中。 这是我的代码: $(function() { $(“#venue”).autocomplete({ source: ‘index.php/home/autocomplete_venue’, minLength: 2, select: function(event, ui) { $(‘#venue_id’).val(ui.item.id); } }); });

jQuery自动完成:移动列表位置?

我想知道我是否可以将下拉列表向下移动4px? 我在.ui-autocomplete {}尝试了几种样式。 包含: margin-top: 4px; top: 4px 但它似乎没有工作?

jQuery UI自动完成,值为

是否可以在jQuery UI自动完成中设置一个值(combobox中的值/文本)? 我需要从“自动填充”框中的所选项目中获取数据库ID。 提前致谢!

只显示google.maps.event.addListener()中的街道地址

我编写了一个小函数,它将使用google.maps.event.addListener()获取用户地址。 这是jsFiddle 。 一切都是我想要的,除了当用户完成打字并从street领域聚焦时,我只想在input街道地址。 目前它看起来像这样: 但我希望它是这样的: 谢谢你的帮助。 干杯。

Jquery ui自动完成 – 多个来源

对于1个源,这是ajax调用后的正确代码:url:“links2.xml”, 我希望源是多个xml文件。 如何包含额外路径? 谢谢。

JQuery自动完成自定义显示多列第2部分

我试图得到一个类似于自动完成:在jquery ui中的自定义示例。 相反,它将使用ajax调用而不是硬编码数据。 我想要显示两列(值和描述)。 当用户输入时,.val()将传递给ajax页面,并提供建议。 第一列将用于该值。 我能够使用简单的单列示例返回单个列,但不能使用多个值。 我认为它很简单,因为它是示例代码的重新哈希。 感谢您的帮助。 $(document).ready(function() { $(‘#myinputbox’).autocomplete({ minLength: 4, source: function(request, response){ var ajaxparam = $(‘#myinputbox’).val(); ajaxparam = escape(ajaxparam); var querystring = “?term=” + ajaxparam; $.ajax({ url: ‘ajax/jsonencode.php’+querystring, beforeSend: function(){ alert(“beforeSend”); }, async: true, dataType: “json” }); }, focus: function ( event,ui ){ $( “#myinputbox” ).val( ui.item.value ); return false; […]

在动态创建的输入字段上启用jQuery自动完成

我已经阅读了几乎所有关于如何实现这一目标的文章,但我仍然悲惨地失败了。 主要是因为我是jQuery / Javascript的业余爱好者。 我有一个包含一个输入元素的网站。 我已经设法让jQuery Autocomplete在这方面做得很好。 问题是当我使用.append方法动态添加其他元素时,这些新元素不适用于自动完成。 见jsfiddle: http : //jsfiddle.net/aktive/r08m8vvy/ see jsfiddle for full code sample 预先感谢您的帮助!! 🙂 – 迪恩

jquery 3.1.0和jquery-ui autocomplete不兼容,有什么解决方法?

我无法让jQuery 3.1.0与jQuery UI的自动完成function一起使用。 我所知道的唯一解决方法是将jQuery 3.1.0替换为使用jquERY UI安装程序预先打包的那个。 不幸的是,这对我不起作用,因为jQuery UI的安装程序包中的版本不允许我使用我的网站所需的标签输入和其他现代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 }); } );