Tag: jquery ui autocomplete

样式化JQuery UI自动完成

小提琴 我试图设置自动完成内部的部分,但我不知道该放在CSS的部分。 我正在试图使: color: #96f226; border-radius: 0px; border: 1px solid #454545; 有什么build议么???

在更新到1.11.0之后,自动完成要求您在iOS中点击两次

使用jQuery 2.1.0和jQuery.ui 1.11.0在iOS 7中testingiPhone和iPad Mini。 适用于Android和常规浏览器。 问题 我们最近从jQuery UI 1.10.0升级到了1.11.0,现在,当点击自动完成结果列表中的一个项目时,只会得到hover,您必须再次单击相同的元素才能获得点击事件。 这用于在1.10.0版本中正常工作。 (JSFiddle链接的评论) 什么都行不通 使用CSS {cursor: pointer}不起作用 使用onclick=""不起作用 (JSFiddle链接的评论) 奇怪的部分 但是,有趣/怪异的部分。 它在JSFiddle 编辑视图中工作,但不在JSFiddle“/ show”页面上。 JSFiddles 🙁 键入一个字母来显示结果“是好的”) Html视图 (不起作用) 编辑视图 (作品) 我一直在这个工作了几天,但没有能够在JSFiddle中只testingHTML视图之前重现它。 所以现在我转向你。 我不能为我的生活弄清楚为什么一个页面触发一个点击事件,而另一个则不是。 我正在使用jQuery自动完成的最基本的function。 实际上,使用jQuery UI主页上显示的完全相同的代码。 这个问题 那么,如何在/ show页面的iOS中单击一下自动完成? (我会在评论中张贴额外的链接,因为我还没有10个代表,除非我没有足够的代表评论…)

如何将额外的parameter passing给Jquery自动填充字段?

我在我的一个表单中使用了JQuery Autocomplete。 基本forms从我的数据库中select产品。 这很好,但我想进一步发展,只有从某个邮政编码发货的产品返回。 我已经find了后端脚本。 我只需要制定将邮政编码传递给此脚本的最佳方法。 这是我的表单看起来的样子。 <form> <select id="zipcode"> <option value="2000">2000</option> <option value="3000">3000</option> <option value="4000">4000</option> </select> <input type="text" id="product"/> <input type="submit"/> </form> 这里是JQuery代码: $("#product").autocomplete ({ source:"product_auto_complete.php?postcode=" + $('#zipcode').val() +"&", minLength: 2, select: function(event, ui){ //action } }); 这个代码在一定程度上起作用。 但只返回第一个邮政编码值,不pipe实际select哪个值。 我想现在发生的事情是,源URL是在页面加载时启动的,而不是当select菜单被改变时。 有没有解决的办法? 还是有一个更好的方式来实现我所追求的结果?

自动完成问题到引导模式

我有一个模式对话框引导内的jQuery自动完成显示问题。 当我滚动鼠标时,结果不会保持连接到input。 有没有办法解决这个问题? 这里JsFiddle : .ui-autocomplete-input { border: none; font-size: 14px; width: 300px; height: 24px; margin-bottom: 5px; padding-top: 2px; border: 1px solid #DDD !important; padding-top: 0px !important; z-index: 1511; position: relative; } 编辑我发现这个问题: .ui-autocomplete { position: fixed; ….. } 如果模式有滚动问题仍然存在! 这里JsFiddle / 1 。

jQuery UI自动完成项目和ID

我有以下脚本与1维数组一起工作。 是否有可能得到这个工作与2维数组? 然后,无论select哪个项目,通过点击页面上的第二个button,应显示select的项目的ID。 这是1维数组的脚本: var $local_source = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]; $("#txtAllowSearch").autocomplete({ source: $local_source }); 这是检查id不完整的button的脚本: $('#button').click(function() { // alert($("#txtAllowSearch").someone_get_id_of_selected_item); });

自动填充请求/服务器响应是什么样的?

这似乎是一个黑洞:在searchjQuery UI网站,堆栈溢出和谷歌search一个小时后,我还没有find如何编写AutoComplete的服务器端的最基本的信息。 什么parameter passing给服务器,JSON响应应该是什么样的? 我一定会错过一些东西,因为其他人怎么学到这个呢? 网站似乎只讨论客户端的JavaScript代码,而不讨论协议或服务器端的例子。 我需要足够的最简单的远程示例工作。

如何获取jQuery下拉值onchange事件

我已经添加了两个jQuery UI下拉自动完成脚本。 现在我想获得第二个下拉列表的变化值,并且想要单独存储在variables中。 怎么可能? 任何想法或build议? 谢谢。 我的小提琴: 样品 我的JS代码: (function($) { $.widget("ui.combobox", { _create: function() { var self = this, select = this.element.hide(), selected = select.children(":selected"), value = selected.val() ? selected.text() : ""; var input = this.input = $("<input>").insertAfter(select).val(value).autocomplete({ delay: 0, minLength: 0, source: function(request, response) { var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i"); response(select.children("option").map(function() { […]

jQuery UI自动完成 – 菜单消失hover

我正在尝试使用jQuery UI Autocomplete调出MySQL数据库中的人员名单。 基本function正在工作 – 当您键入两个或多个字母时,会显示一个可能的名称列表 – 但是当我将鼠标hover在列表上或按下向下键访问列表时,它将消失(下面的两个截图可能有助于解释这一点)。 这意味着Autocomplete变得毫无意义,因为我实际上无法访问列表! 如果有人能够帮助,我会最感激! 截图和代码张贴如下。 input前几个字符,然后出现菜单 但hover鼠标或按下“下”键,它会消失之前,可以进行select HTML: <div id="chooseaccount"> Choose Account to Edit <div id="iechooseaccountlabel" class="labeldiv"> <!–[if IE]> Enter Student Name <![endif]–> </div> <input type="text" class="inputs" id="editname" placeholder="Enter Student Name" /> </div> jQuery的: $(document).ready(function(){ $("#editname").autocomplete({ source: "names.php", minLength: 2, }); }); PHP: <?php $mysqli = new mysqli('********', '********', […]

自动完成应用值不标签到文本框

我有麻烦试图让自动完成工作正常。 这一切看起来不错,但是… <script> $(function () { $("#customer-search").autocomplete({ source: 'Customer/GetCustomerByName', minLength: 3, select: function (event, ui) { $("#customer-search").val(ui.item.label); $("#selected-customer").val(ui.item.label); } }); }); </script> <div> <input id="customer-search" /> </div> @Html.Hidden("selected-customer") 但是,当我从下拉列表中select一个项目时,该值已应用于文本框而不是标签。 我做错了什么? 如果我看着使用萤火虫的来源,我可以看到我的隐藏领域正在更新正确。

jQuery UI自动完成宽度设置不正确

我已经实现了一个jQuery UI自动完成框,而不是作为文本框的宽度,下拉选项正在扩展,以填充页面的剩余宽度。 看看这个例子,看看它自己: http : //jsbin.com/ojoxa4 创build后立即尝试设置列表的宽度,如下所示: $('.ui-autocomplete:last').css('width', $('#currentControlID').width() ); 这似乎什么都不做。 我也尝试使用页面样式设置宽度: ui-autocomplete { width: 500px; } 这样做的确令人吃惊,但是这意味着页面上的所有autocompletes必须是相同的宽度,这并不理想。 有没有办法单独设置每个菜单的宽度? 或者更好,任何人都可以解释为什么宽度不正确的工作?