Tag: autocomplete

jQueryUI autoComplete返回空列表: 在我的asp.net mvc3应用程序中，我为搜索框添加了autoComplete。当我测试它时，从动作返回3个结果。您可以看到列表显示，但是，这是一个空列表，您只能看到3 ，并且li标签之间没有任何内容。我很确定，行动很好，因为，它确实返回了3个结果。我可以通过查看3个空标签来validation。如何添加名称 apple $(“#searchbox”).autocomplete({ source:”/Home/SearchIngredients”, minLength: 2 }); public virtual JsonResult SearchIngredients(string term) { var ingredients = _smoothieService.GetIngredients(term); var data = ingredients.Select(x => new {Id = x.NDB_No, Value = x.Name}).Take(25).ToArray(); return Json(data, JsonRequestBehavior.AllowGet); }

jquery ui自动完成function自动关闭: 我使用jquery ui来实现自动完成。 mY代码看起来像这样 $(function(){ $(‘input[name=store]’).attr(‘autocomplete’,’on’); $( “input[name=store]” ).autocomplete({ source: function( request, response ) { //alert(‘hello’); $.ajax({ url: “http://localhost/dheeps/admin/calls/callback.php”, dataType: “jsonp”, data: { sub:”searchstore”, store: request.term }, success: function( data ) { //alert(‘hello’); response( $.map( data.data, function( item ) { //alert(item); return { label: item.name + (item.id1 ? “, ” + item.adminName1 : “”) + “, […]

jquery tagsinput和ui autocomplete：它们可以与预加载的源一起使用吗？: 我有点麻烦。有taginput的工作代码，我知道如何使用jquery ui的自动完成function。代码示例也不 autocomplete’ :{ ‘source’: tags_array } 也不 $(“#new_tags_tagsinput”).autocomplete({source: tags_array}); 似乎工作。在tagsinput站点上有一个例子，它需要自动完成URL，但我想使用加载的数组，就像在自动完成示例上一样。我尝试了不同的选择，没有人工作。有这样的方式吗？

jquery ui autocomplete的“No Matches”消息: 我是新手，并查看了其他示例，但尚不清楚如何在没有结果的情况下为最新版本的自动完成http://docs.jquery.com/UI/Autocomplete设置“No Matches”消息。这是我正在使用的代码，有人可以帮助编写剩下的代码，理想情况下可以将其点击到“建议”页面。 $(document).ready(function() { var data = [ {label: ‘Yahoo’, value: ‘http://yahoo.com’}, {label: ‘BMW’, value: ‘http://bmw.com’}, {label: ‘Bing’, value: ‘http://bing.com’} ]; $(“input#autocomplete”).autocomplete({ source: function(request, response) { var results = $.ui.autocomplete.filter(data, request.term); response(results.slice(0, 10))}, focus: function (event, ui) { $(event.target).val(ui.item.label); return false; }, select: function (event, ui) { $(event.target).val(ui.item.label); window.location = ui.item.value; return false; } […]

选择后，在Jquery自动填充中清除文本框: 我想在用户进行选择后清除具有Jquery Autocomplete的文本框。我试图通过以下方式清除该字段： select: function(event, ui) { $(this).val(”); } 但这不起作用。我正在使用jquery-1.6.4和jquery-ui-1.8.16。有任何想法吗？

动态添加其他文本输入字段后，jQuery自动完成失败: **更新**我将HTML id改为了类。并将建议纳入当前的最佳答案。自动完成function现在可以使用，但自动完成选项列表无法成功显示动态加法文本输入字段。它虽然适用于原版。我在下面添加了更新的代码。我刚刚在我的Rails应用程序中将jQuery UI自动完成添加到表单中。该function工作正常但是当我动态添加具有相同类的另一个输入字段时它不起作用？ Add ingredient 动态添加其他字段后，原始字段的自动完成function将继续工作，不会出现任何问题，但新添加的字段的自动完成function不起作用。如果输入字段全部共享相同的ID，为什么动态添加字段的自动完成function会失败？的application.js $(document).ready(function(){ $(“.addNewIngredient”).on(‘click’, function(e){ e.preventDefault(); $(“.ingredientField”).append($(“#new_ingredients_form”).html()); $(“.select_ingredient”).autocomplete({ minLength: 2, source: ‘/ingredients’, focus: function(event, ui) { $(‘.select_ingredient’).val(ui.item.name); return false; }, select: function(event, ui) { $(‘.select_ingredient’).val(ui.item.name); $(‘.link_ingredient_id’).val(ui.item.id); return false; } }) .data( “ui-autocomplete” )._renderItem = function( ul, item ) { return $( “” ) […]

Jquery UI自动完成 – 由于特殊字符而导致的不需要的触发: 我的应用程序中有一些自动完成function。其中一些在加载时从数据库中填充。如果输入值包含æøå等特殊字符，则自动完成会触发搜索，即使用户没有接近html输入。这仅适用于Internet Explorer 11（可能更低）。在FF和Chrome中，它可以像您期望的那样工作。考虑以下输入：如果将自动完成应用于此输入，其中一个可能的搜索结果与默认值（’charsæøå’）相同，则搜索将在初始化时触发。 JSfiddle在这里（使用IE看它在加载时触发）： http ： //jsfiddle.net/BY9gU/ 我很乐意忽略IE，但不幸的是我的一些客户仍然使用它… 任何解决方法的想法？

用于电话号码的jQuery输入掩码: 我希望用户输入自动填充电话号码的标点符号，以便看起来像这样(xxx) xxx-xxxx 。这是我的HTML代码： Phone Number: <input type="text" class="form-control" name="phoneNumber" id="phoneNumber" value="”> 我还需要做些什么才能完成这项任务？我正在尝试使用jQuery和输入掩码。

如何在struts 2中使用带有多个tagit的jquery自动完成: 我在struts2中使用jQuery中的自动完成的多个标记示例。但它没有用。我不使用struts自动完成标记。 $(function(){ $(‘#tags input’).on(‘focusout’,function(){ var txt= this.value.replace(/[^a-zA-Z0-9\+\-\.\#]/g,”);//allowed characters if(txt) { $(this).before(”+txt.toLowerCase()+”); } this.value=””; }).on(‘keyup’,function(e){ // if: comma,enter(delimit more keyCodes with | pipe) if(/(188|13)/.test(e.which))$(this).focusout(); }); $(‘#tags’).on(‘click’,’.tag’,function(){ if(confirm(“Really delete this tag?”))$(this).remove(); }); }); jQuery(function(){ $(“#mytag”).autocomplete(“list.jsp”); }); //htlm input text tag——