Tag: 自动完成

和jQuery Autocomplete: 一旦我将元素的type更改为html5类型search ，jQuery的自动完成function就不再适用了。我使用jQuery Mobile，我试图使用jQuery UI Autocomplete的“搜索”输入类型

yii2依赖自动完成小部件: 我在表单中有两个字段： field($model, ‘bill_country’)->widget(AutoComplete::className(), [‘options’ => [‘class’ => ‘form-control’], ‘clientOptions’ => [‘source’ => $country_name]])->label(‘Country’) ?> field($model, ‘bill_zip’)->widget(AutoComplete::className(), [‘options’ => [‘class’ => ‘form-control’], ‘clientOptions’ => [‘source’ => ‘/city/list/+id’]])->label(‘Zip’) ?> 根据第一个块的选择，我想改变第二个块的“源”。 + id是一个javascript变量…所以我想通过val（）获取第一个自动完成的值，将其分配给var id，然后将此id传递给第二个的源。我能这样做吗？或者我应该使用其他选项？谢谢！

jQuery自动完成function不适用于键值对数组: 我尝试使用jQuery自动完成小部件创建自动完成字段，但似乎由于某种原因不起作用。我使用的代码如下： HTML JavaScript的 var $specialties = [ { id : 107, name : ‘Painting’ }, { id : 158, name : ‘Reading’ } ]; var $specialty_text_field = $(‘#specialties’); $specialty_text_field.autocomplete( { source : $specialties, minLength : 3 } ); 当我在文本字段中输入文本Pain我得到的结果是文本No search results. 这段代码有什么问题？

Bootstrap自动完成function不会加载地图: 我有一张JSON结果的地图。我需要将其分配给自动完成。但似乎我不得不做一份肮脏的工作。有没有更干净的方法呢？ http://jsfiddle.net/7dLRh/ 部分代码非常脏： $( “#autocomplete1” ).autocomplete({ source: function(request, response) { var re = $.ui.autocomplete.escapeRegex(request.term); var matcher = new RegExp( “n*” + re + “n*”, “i”); var arrayKey = $.map(v1.data, function (itemKey, itemValue) { return itemKey }); var arrayValue = $.map(v1.data, function (itemKey, itemValue) { return itemValue }); var key = $.grep( arrayKey, […]

浏览器如何记忆输入字段？: 有时，当您输入信息时，它们在输入字段中具有自动完成function。例如，有时如果输入字段只是名称，地址等基本信息，您可以双击它，之前添加的字段会有建议。这是如何运作的？我确定它不会进入mysql数据库来记忆用户输入。是通过会议吗？ cookies？ jQuery的？ AJAX？我希望我的问题足够明确，以便有人回答，谢谢！

两个输入（不同的ID）上的两个自动完成，在同一页面上: 所以我的页面上有两个文本域，img和lok。我希望他们两个都使用来自另一个页面的数据自动完成，该数据使用输入值作为搜索字符串。代码中首先出现的脚本可以正常工作。下一个永远不会执行。如果我改变顺序，它适用于其他输入，所以两者都由他们自己工作。所以我将不得不制作一些函数名称以使它们不同？这是我的代码： $(function () { $(“#img”).autocomplete({ minLength: 3, source: function (request, response) { $.ajax({ url: “q/qfolder.php”, dataType: “json”, data: { q: $(“#img”).val(), }, success: function (data) { response(data); } }); }, }) .data(“autocomplete”)._renderItem = function (ul, item) { return $(“”) .data(“item.autocomplete”, item); }; }); $(function () { $(“#lok”).autocomplete({ minLength: 2, […]

Flask Google Maps API自动完成Jquery无法识别: 我想从谷歌实现简单的自动完成function，就像在他们的示例中一样简单： Google自动填充示例我创建了一个随机的html页面并使用我的API密钥测试了代码，它运行正常。现在我正在努力将这个代码实现到我的烧瓶应用程序中。我没有收到任何错误，但是当我输入城市名称时没有自动填充，当然如果我提交我输入的内容，我会收到错误： main.js:38 Uncaught TypeError: Cannot read property ‘length’ of undefined 我在页脚底部的basic.html中加载我的Jquery和我的JS（我的其他每个页面都扩展了这个基本的html，因为还有导航栏和头部）： {% block footer %} Footer Element Footer Element Footer Element Footer Element {% endblock %} {% block googlemapjs %}{% endblock %} 在我的main.js中，只有谷歌示例中的代码，仅此而已。在我的zimmer_einstellen.html中，我正在尝试实现自动完成function： {% extends “basic.html” %} {% block content %} Street address City State Zip code Country {% endblock […]

Jquery多个自动完成字段: 我从jquery网站上获得了jquery auto。它适用于一个领域。但是现在我想在其中添加具有不同值的不同字段，我该如何做？我尝试了几种方法但搞砸了整个系统。我的所有领域都在努力工作。我需要给它一个新的函数名称吗？我是新手。我想通过在顶部添加一个新字段和新的var它可以工作，但它确实有效 var projects = [ { value: “CMPT101”, label: “CMPT 101”, desc: “Discrete Mathematics I” }, var instr={ value:”johnson ” lable:”Johnson” } ] select: function( event, ui ) { $( “#project” ).val( ui.item.label ); $( “#instr” ).val( ui.item.label ); $( “#project-id” ).val( ui.item.value ); $( “#project-description” ).html( […]

自动完成建议列表错误的z-index，我该如何改变？: 似乎我的自动完成列出了它的<z-index而不是我网站的某些元素所以它暴露在外，我应该编辑哪个类？使用editCSS我播种这些类，并添加（我的网站的z-index，但很少的tings不影响是1） .ui-corner-all, .ui-menu-item, #ingredientes_s.ui-autocomplete-input{z-index: 20;} 但仍然是同样的问题..

如何在涉及搜索事件的选择事件后重新打开菜单？: 我正在使用jQuery自动完成小部件，并且在“不满意”（至少对我来说）之前的问题涉及黑客插件以防止关闭菜单之后，我正在寻找一种“微创”方式来制作一个不同的方法。所以，我想知道在涉及search事件的select事件之后是否有办法重新打开菜单。也就是说，给定 $(#input_field).autocomplete({ autoFocus: true, select : function(event, ui) { event.preventDefault(); $(this).autocomplete(‘search’, “Custom search string” ); }, … }); 在用户从该菜单中选择一个项目之后，我想打开菜单（注意：有一种方法可以关闭菜单而不是打开它）。可能吗？如果是这样，怎么样？