Tag: autocomplete

我需要使用ajax返回id和名称的jQuery Autocomplete示例

我需要一个示例,说明如何编写jQuery自动完成以填充product_id,同时显示product_name调用ajax页面“remote.php” remote.php: $ partial = addslashes($ _ POST [‘partial_search’]); $ myDataRows = array(); $ result = mysql_query(“SELECT product_id,product_name FROM products WHERE product_name like”%$ partial%“); while($ row = mysql_fetch_row($ result)){array_push($ myDataRows,$ row);} $ ret = json_encode( $ myDataRows); echo $ ret; 我不知道如何编写jQuery自动完成代码,如果我需要更改remote.php 谢谢 加上以后: 我找到了另一个解决方案: function nqi_search(type,id_name,text_name) { $(“#”+ text_name).autocomplete({ 来源:“remote.php?&t =”+类型, minLength:1, select:function(event,ui){ $(“#”+ id_name).val(ui.item.id); […]

加快jQuery AutoComplete(不可避免的长列表)

我在今天下午早些时候开始了加速jQuery自动完成的过程,并认为开始记忆所有内容可能是一个好主意。 正如本文所述: 加速自动完成 。 但是,即使在安装和使用Memcached之后,我仍然处理缓慢的响应时间。 在我的情况下,问题是我正在处理非常长的列表,在我的情况下,超过6700个个人成员。 (所有植物的所有属或属) 瓶颈似乎是构建表并填充客户端列表,而不是从Memcached中检索信息引起的。 如果有其他人遇到这个特殊问题,我很想听到一个聪明的方法来解决它。 我将在下面发布我的代码。 注意:此特定页面对公众不可用,并且我知道存在一些安全漏洞。 require_once ‘oo/Database.php’; $mysqldb = new Database; $memcache = new Memcache; $memcache->connect(‘localhost’, 11211) or die (“Could not connect to memcache”); $sql = “SELECT DISTINCT `Genus` FROM importlist.plants”; $key = md5(‘query’.$sql); $result = $memcache->get($key); //check if we got something back if($result == null) { //fetch from […]

如何在Javascript中获取下一个字母表的字母?

我正在构建一个自动填充function,可以搜索CouchDB View。 我需要能够获取输入字符串的最后一个字符,并将最后一个字符替换为英文字母的下一个字母。 (这里不需要i18​​n) 例如: 输入字符串 =“b” startkey =“b” endkey =“c” 要么 输入字符串 =“foo” startkey =“foo” endkey =“fop” (如果你想知道,我确保包含选项inclusive_end=false以便这个额外的字符不会污染我的结果集) 问题 Javascript中是否存在一个可以获取下一个字母表字母的函数? 或者我是否只需要使用像“abc … xyz”和indexOf()这样的基本字符串来完成自己的花哨function?

自动完成在自动完成窗口中显示相关数据

我有3个输入字段,1个用于数据类型,其他2个是相关的。 当我按下数据类型字段中的按钮时,我想显示这样的自动完成窗口 而不是这个 选择之后应该看起来像这样 HTML JS $(document).on(‘focus’,’.type’,function(){ type = $(this).data(‘type’); if(type ==’vehicle’ )autoTypeNo = 1; $(this).autocomplete({ source: function( request, response ) { $.ajax({ url : ‘autocomplete.php’, dataType: “json”, method: ‘post’, data: { name_startsWith: request.term, type: type }, success: function( data ) { response( $.map( data, function( item ) { var code = item.split(“|”); return { […]

jquery autocomplete特殊字符串触发器

我有以下问题: 我必须使用由char“@”触发的jquery进行特殊的自动完成 问题是,如果我用@开始文本框,它可以工作,但如果我写了一些字符后我输入@它不起作用。 它必须如何工作:-i写一些文字我想从“utilizatoriJson”添加某人, – 从“utilizatoriJson”添加某人我必须按@键并且自动完成下拉列表必须是apear, – 之后我从下拉列表中选择某人或我从下拉列表中键入一个完整的标签,它必须放置空格,让我继续留言 我怎样才能做到这一点 ? 我写的代码: var utilizatoriJson = ; $( ‘#textarea_mesaj_colaborare’).autocomplete({ source: utilizatoriJson }) .autocomplete( “instance” )._renderItem = function( ul, item ) { return $( “” ) .append( “” + item.label + “” ) .appendTo( ul ); } $( ‘#textarea_mesaj_colaborare’).autocomplete(“disable”); $(‘#textarea_mesaj_colaborare’).keyup(function(){ if ($(‘#textarea_mesaj_colaborare’).val()[$(‘#textarea_mesaj_colaborare’).val().length-1]===’@’){ var inceput = $(‘#textarea_mesaj_colaborare’).val().length; $( ‘#textarea_mesaj_colaborare’).autocomplete(“enable”); […]

MVC5中的自动完成下拉列表?

嗨我在我看来有一个字段。 该字段是客户,它是一个下拉字段。 在那里我保持下拉选择选项以选择值。 但我想将该字段更改为自动完成下拉列表。 在上面的图像中,我将customerName字段作为下拉字段,但我通过搜索和选择选项保留它。 但现在我想将其更改为自动完成下拉列表,如下图所示。 我的观点代码 @Html.Label(“Customer Name”, new { @class = “control-label” }) @Html.DropDownListFor(model => model.CustomerID, new SelectList(string.Empty, “Value”, “Text”), “Please select a Customer”, new { @class = “form-control required”, type = “text” }) 我的jquery代码 $(function () { debugger; $.ajax( ‘@Url.Action(“GetVisitCustomer”, “VisitorsForm”, new { Area = “Sales” })’,{ type: “GET”, datatype: “Json”, success: […]

自定义框,包含来自Google / Bing的自动填充function。 有没有办法读取收到的json文件?

我尝试使用搜索框构建网页。 我想从Bing获取自动完成选项(例如)。 可以通过以下方式从bing获取自动完成: http://api.bing.com/osjson.aspx?query=YOUR_QUERY 我用自动完成小部件编写了一些代码,要求将json作为jsonp,并且我成功地看到(在Fiddler中)json到达。 但是因为它只是作为一个json而不是以所需的格式到达,所以我得到了parseError。 (我在错误函数中看到它。未调用成功函数) 我的代码中的相关部分是: $( “#mySesearchBox” ).autocomplete({ source: function( request, response ) { $.ajax({ url: “http://api.bing.com/osjson.aspx?query=” + request.term, dataType: “jsonp”, … 有没有办法克服这个问题? 我想过运行一些会得到这样一个查询的服务器,会请求Bing的json,并会以所需的格式进行响应。 但是,我更喜欢更简单的解决方案。 任何建议?

rails,使用咖啡脚本获取语法错误

我正在尝试使用jquery ui库在rails中执行自动完成function。 但是我继续得到语法错误“语法错误:保留字”function“在线……” 这是我的lessons.js.coffee文件 jQuery -> $(function() { function split( val ) { return val.split( /,\s*/ ); } function extractLast( term ) { return split( term ).pop(); } $( “#lesson_tag_name” ) // don’t navigate away from the field on tab when selecting an item .bind( “keydown”, function( event ) { if ( event.keyCode === $.ui.keyCode.TAB […]

Jquery UI自动完成显示早期文本的响应

我正在使用Jquery自动完成function。 如果用户键入2个字符然后等待,则键入另一个。 如果第一个响应在第二个响应之后,它将简要显示第二个列表,然后显示第一个列表。 如何在用户开始输入更多内容后取消第一个请求? $(“#city”).autocomplete({ source: function( request, response ) { $.ajax({ url: “/geo/json_autocomplete.php”, dataType: “json”, data: { term: $(“#city”).val(), countryid: $(“#countryid”).val() }, success: function( data ) { response( $.map( data, function( item ) { //console.debug(item.value+” “+item.label+” “+item.id); return { label: item.label, value: item.value, id: item.id } })); } }); }, minLength: 2, delay: 500, […]

可执行和自动完成协作的工作示例

我看到很多谷歌post,但似乎所有人都在谈论这是如何进行的。 有没有人知道可协作和自动完成function的工作版本一起工作,所以我可以点击文本并获得一个文本框,并具有针对该文本框工作的自动完成function 编辑:我打开一个赏金,因为它似乎仍然没有这些解决方案复制堆栈溢出标签+ jeditable我可以使用jeditable在点击文本后得到一个可编辑的texbox然后能够输入一个逗号分隔的列表,自动完成每个我键入的条目(类似于在堆栈溢出中输入标记)。