Tag: jquery ui autocomplete

JqueryUI自动完成function可防止外部点击关闭

是否有解决方案可以防止在外部点击后隐藏搜索结果？ 我有一个长期运行的ajax请求，不想坐等待直到它完成。 它必须在后台工作，并且按下ESC键或在选择其中一个结果时关闭结果，但如果我在外面单击，则自动完成甚至不会显示结果。 我尝试过这样的东西，但它无法正常工作： … close : function (event, ui) { if ($(“ul.ui-autocomplete, .ui-widget-content”).filter(‘:hidden’).length>0 && event.keyCode !== $.ui.keyCode.ESCAPE) { $(“ul.ui-autocomplete, .ui-widget-content”).filter(‘:hidden’).show(); } }

如何避免Jquery自动完成中的多个ajax调用？ 使用缓存

我正在使用jquery automcomplete与Ajax调用，但我想要的是，如果在第一次调用时ajax提取的json数据中存在part ，那么我想返回该数据，因为它没有给出ajax调用我已经尝试过如下所示 function SearchText() { var cache = {}; $(“#txtItem”).autocomplete({ source: function (request, response) { var term = request.term; $.each(cache, function (index, value) { $.each(value, function (index, value) { if (value.indexOf(term) >= 0) { response(cache[term]); return; } }); }); cache = {}; $.ajax({ type: “POST”, contentType: “application/json; charset=utf-8”, url: “JobTagPricing.aspx/GetAutoCompleteData”, data: “{‘item’:'” + document.getElementById(‘txtItem’).value […]

在键入的单词之间输入空格后，jquery ui自动完成建议未关闭

嗨，我以前打开过这个post如何在Facebook或Twitter这样的标签中标记用户呢？ 。 我正在使用jquery autocomplete，到目前为止，我有这个代码。 现在，当我输入@ user-name时，建议就出现了。 但是当我点击空格键时，建议仍然存在。 理想情况下，当我在facebook中遇到空格键时，建议应该会消失。 请帮助我获得理想的行为。 谢谢！

自动完成源

我的表单上有2个自动填充文本框。 我想要做的是动态更改第二个自动完成文本框上的源，如果从第一个选择了一个值。 我的标记片段如下： $(function () { $(“#SelectedAddress”).autocomplete({ source: “/CreateFIS/GetProperties”, select: function(event, ui) { if (ui.item) { event.preventDefault(); $(‘#SelectedAddress’).val(ui.item.label); $(‘#SelectedAddressId’).val(ui.item.value); getPropertyInformation(ui.item.value); } }, focus: function(event, ui) { if (ui.item) { event.preventDefault(); $(‘#SelectedAddress’).val(ui.item.label); $(‘#SelectedAddressId’).val(ui.item.value); //getPropertyInformation(ui.item.value); } } }); }); $(function () { $(“#SelectedScheme”).autocomplete({ source: “/CreateFIS/GetSchemes”, select: function (event, ui) { if (ui.item) { event.preventDefault(); $(‘#SelectedScheme’).val(ui.item.label); $(‘#SelectedSchemeId’).val(ui.item.value); } […]

PHP + MySQL – 从数据库自动完成不从表中获取数据

我正在进行一个关于讨论室服务的小型大学项目。 现在我的任务是实现命令的自动完成function。 我已经谷歌一些教程了。 我不确定出了什么问题，当我尝试输入一个名字时，没有输入任何数据。 这是我的表单代码： <?php $host = "localhost"; $user = "root"; $pass = ""; $name = "pinjamruang"; $koneksi = mysqli_connect($host, $user, $pass, $name); //Periksa apakah koneksi berhasil if(mysqli_connect_errno()){ echo "Error: "; echo mysqli_connect_error(); echo " Error Code: “; echo mysqli_connect_errno(); die(); } $sql = “SELECT * FROM ruangan WHERE id = $_GET[id]”; $hasil = […]

jQuery UI Autocomplete在列表中显示结果，但在选择时，打印值而不是标签

我在使自动完成工作时遇到很多问题。 首先，我的validation不兼容，因为我使用的是jQuery Validation和jQuery 1.5，并打破了Autocomplete小部件上的AJAXfunction。 这已经解决了，现在我的PHP控制器返回一个带有标签/值的JSON结果。 当然，label是我想要显示的名称，值是我需要提交的值。 我正在使用PHP的示例JSON输出，仅用于测试而不是立即搜索。 这是我在发出AJAX请求时发回的内容： [{“label”:”Client example”,”value”:1},{“label”:”Lorem Ipsum”,”value”:2},{“label”:”Microsoft”,”value”:3}] 并使用下一个代码我认为将直接显示标签并提交id。 当我开始输入时，我在列表客户端示例，Lorem Ipsum和Microsoft中看到了我想要的结果，但是当我选择它们时，列表关闭，输入显示值而不是标签。 $(“#clientid”).autocomplete({ source: function(request, response) { $(“#ajax-loader”).fadeIn(‘normal’); $.ajax({ url: BASE_URL + ‘projects/ajax/get_clients’, data: request, dataType: “json”, type: “POST”, success: function(data) { response(data); } }); $(“#ajax-loader”).fadeOut(“normal”); }, minLength: 2 }); 我还尝试了一个代码@ 3nigma在我看到为什么自动完成失败时建议我： success: function(data) { response($.map( data, function( item ) { return { […]

JQuery自动完成：如何处理修改？

我有自动完成工作，但我该如何处理修改？ 当用户修改原始选择时会发生什么？ 我有一个自动完成，当选择列表时，其他字段被填入。如果用户选择列表，然后尝试将其修改为新的（与我们的数据库中的任何内容不匹配），其他字段需要清除。 另一种询问方式：如何处理“新”列表？ 我的代码如下 $(function() { $( “#oName” ).autocomplete({ source: “include/organizerList.php”, minLength: 3, select: function( event, ui ) { $(“input#oID”).val(ui.item.oID); $(“input#oCID”).val(ui.item.oCID); $(“div#organCity”).text(ui.item.oCity); $(“div#organCountry”).text(ui.item.oCountry); } }); }); organizerList.php // important to set header with charset header(‘Content-Type: text/html; charset=utf-8’); $term = htmlspecialchars(strtolower($_GET[“term”])); $return = array(); $query = mssql_query(“SELECT CID, oID, oName, oCity, oCountry FROM TradeShowDB_Organizers WHERE […]

jQuery自动完成function在Rails 4中不起作用

我正在尝试在我的Rails 4.0应用程序中集成jQuery UI Autocomplete，就像在这个Railscast： 102-AutoCompleteAssociationRevised中描述的那样。 不幸的是，自动完成function不起作用。 虽然呈现的HTML看起来很好，但我没有得到任何建议： 我也停用了Turbolinks，但没有改变…… 在我的Gemfile中，我包含了gem’jquery gem ‘jquery-ui-rails’ ，我的application.js看起来像这样： //= require jquery //= require jquery.ui.all //= require jquery_ujs //= require bootstrap //= require turbolinks //= require jquery-fileupload/basic //= require jquery-fileupload/vendor/tmpl //= require_tree . 这是我正在使用的forms， edit.html.erb ： autocomplete.js.coffee： autocomplete = -> $(‘#plan_part_name’).autocomplete source: $(‘#plan_part_name’).data(‘autocomplete-source’) $(document).ready(autocomplete) $(document).on(‘page:load’, autocomplete)

自动完成jquery无法正常工作？

我有一个文本框，里面我希望它自动完成。 自动完成的数据将通过数据库给出。 这是我的Jquery： var data = “autocompletetagdata.aspx” $(“#item”).autocomplete({ source: data }); 这就是我现在放在autocompletetagdata中的内容： protected void Page_Load(object sender, EventArgs e) { string term = Request.QueryString[“term”]; SqlConnection myConnection = new SqlConnection(connStr); myConnection.Open(); string SQL = (“select Top 10 LTRIM(RTRIM(PGPRDC)) As PGPRDC FROM SROPRG SROPRG”); SqlCommand myCommand = new SqlCommand(SQL, myConnection); StringBuilder sb = new StringBuilder(); try { SqlDataReader […]

jQuery UI自动完成中的自定义属性问题

在使用jQuery UI的自动完成function时，我遇到了自定义属性的问题。 由于某些奇怪的原因，自动完成function将不允许我使用ui.item.make或ui.item.id的make或id属性，但是当它设置为ui.item.label时它正在工作。 这是JSFiddle我遇到的问题的一个例子。 以下是自动完成工作的另一个示例 ，但不同之处仅在于label属性。 任何使用自定义属性的信息对我不起作用将不胜感激。