标签: jquery-autocomplete

在设计jQuery自动完成插件的样式时,我将以下HTML代码硬连线到我的页面:

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 0px; left: 0px; display: none; "></ul>

如何通过HTML禁用样式并通过CSS完成它？我不认为我的CSS文件会覆盖那种风格.

任何帮助都可以

我正在使用带有combobox nabled的jquery自动完成.我想显示一个空选项,但每当我将初始选择的值设置为空字符串时,它都不会显示在组合框中.

该项目存在,它只包含没有高度.

是否可以在自动完成组合框上有空白选项？

从菜单中选择项目时触发; ui.item指的是所选项目.select的默认操作是将文本字段的值替换为所选项的值.取消此事件可防止更新值,但不会阻止菜单关闭.

$("#txt1").autocomplete({
    minLength: 1,
    source:  "abc.php",
    select: function(event, ui) 
    {
        event.preventDefault();
        //alert("Select");
        var label= ui.item.label;
        var value= ui.item.value;
        $('#txt1').val(ui.item.label);
    }
});

它在发现的第一个自动完成中正确覆盖,但对其余部分不执行任何操作.相反,它会加载原始的_renderitem方法,您可以在https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.autocomplete.js#L449上看到.

$(".someClassWithMultipleItemsOnDOM").autocomplete({
        delay:500,
        minLength:2,
        source:path"
        .....   
}).data( "autocomplete" )._renderItem = function( ul, item ) {

提前致谢

在这里关闭示例http://jqueryui.com/demos/autocomplete/#custom-data 我想知道如何ul在使用时向包装器添加样式_renderItem():

    .data( "autocomplete" )._renderItem = function( ul, item ) {
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
            .appendTo( ul );
    };

我正在使用jQuery UI自动完成,如[http://api.jqueryui.com/autocomplete/]所述

我需要在执行搜索之前和之后做一些事情.通过阅读上述URL中的文档,它描述了在查询运行之前和之后触发的两种方法"搜索"和"响应" - 完美.但是,如果我将这些添加到我的代码中,"搜索​​"可以完美地工作,但"响应"永远不会被调用.我究竟做错了什么？我的所有代码都有效,没有javascript错误,自动完成功能完美无缺.但我只是没有触发"响应"方法.

$(function() {
             $("#tv").autocomplete({
                source: "a_url_providing_json",
                minLength: 4,
                select: function(event, ui) {
                    $('#state_id').val(ui.item.id);
                    $('#abbrev').val(ui.item.abbrev);
                },
                search : function(a,b) {
                     alert('this works!');
                },
                response : function(a,b) {
                     alert('this doesnt!');
                } 
        })    
    }); 

非常感谢任何建议!

我一直在研究这个问题,似乎无处可去.基本上我在类的一堆输入上有自动完成,但是我需要获取特定的输入id来构建对象以发布ajax(我必须为这个项目使用POST而不是GET).

$(".input_autocomplete").autocomplete({
  source: function( request, response ) {
  // here is where I get the hash from local storage,
  // reference the id and build the object
  // tried this.id, $(this).prop('id'), no luck
  $.ajax({
    url: '/somepath/filename.htm',
    contentType: 'application/json',
    dataType: 'json',
    type: 'POST',
    data: JSON.stringify(obj),
    success: function(json) {
      return {
        label: item.label,
        value: item.label
      }
    },
    error: function() {
      // error handling
    }
   }); // ajax
 } // source
});

当我在我的Android应用程序中键入空格时,我不再在我的下拉中获得任何结果.我怎样才能解决这个问题？我正在编码输入,所以我不知道为什么它不工作...

太空之前:

太空之后:

我查看了https://developers.google.com/places/documentation/autocomplete,但我找不到任何帮助我的方法.

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.UnsupportedEncodingException;
import java.net.HttpURLConnection;
import java.net.URL;
import java.net.URLEncoder;
import java.util.HashMap;
import java.util.List;

import org.json.JSONObject;

import android.app.Activity;
import android.os.AsyncTask;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.Log;
import android.view.Menu;
import android.widget.AutoCompleteTextView;
import android.widget.SimpleAdapter;

public class MainActivity extends Activity {

    AutoCompleteTextView atvPlaces;
    PlacesTask placesTask;
    ParserTask parserTask;

    @Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    atvPlaces = (AutoCompleteTextView) findViewById(R.id.atv_places);
    atvPlaces.setThreshold(1);

    atvPlaces.addTextChangedListener(new TextWatcher() {

        @Override
        public void onTextChanged(CharSequence s, int …

如果没有选择任何元素,任何人都可以帮助我如何选择自动完成下拉列表的第一个元素吗？我尝试使用autoFocus.为主板活动工作.如果我使用鼠标,则第一个元素不会选择哪个是自动聚焦的.

这是我的文本字段,我正在使用自动完成功能.

  <input type="text" name="state" id="state"  placeholder="State" maxlength="25" required onkeypress="return nospecialCharacters(event)"/>


$("#state").autocomplete({
  source: function(request, response) {
    var statevalue = $.trim($("#state").val());
    if (statevalue) {
      $.ajax({
        url: url + 'eee',
        dataType: 'jsonp',
        jsonp: false,
         timeout: 6000,
        jsonpCallback: 'jsonCallback',
           delay: 100,
        success: function(data) {
             $("#state").empty();
          response(data);
        }
      });
    }
  },
  minLength: 2,
    appendTo: "#state_result",
         select: function (event, ui) {
                           $("#state").val(ui.item.label);
               $("#city").focus();
              return false;
          },
                              close: function(event, ui)
                        $(this).data().term = null;
});

一切正常,但我面临的问题是,当对textinput进行一些选择并尝试做退格时,它不会删除任何字符(我猜它的发出请求,所以它继续更新框)

能告诉我怎么解决这个问题吗？

这是我在keypress上调用的函数

function nospecialCharacters(thi, dec)
{
  if (window.event) keycode = window.event.keyCode;
  else …