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必须是相同的宽度，这并不理想。 有没有办法单独设置每个菜单的宽度？ 或者更好，任何人都可以解释为什么宽度不正确的工作？