如何将默认(静态)文本显示为jquery自动完成下拉列表

时间:2014-05-07 15:38:22

标签: jquery-autocomplete

我有一个jquery自动完成功能,它运行得很好。现在我想在下拉列表中添加默认文本,如

如果用户键入了输入框.. ja

它应显示在下面

选择以下类别[应始终存在]

的java

的javascript

关于如何做的任何建议..

  // Ajax Auto suggestion box

    var options, a;
    jQuery(function()
    {

    a = $('#txtOccupation').autocomplete({
      serviceUrl: '/App_Handlers/GetAjaxSuggestions.ashx?datasets=occ',
      minChars: 1,
      delimiter: /(,|;)\s*/,
      deferRequestBy: 0, //miliseconds
      noCache: false,
      width: 420,
      onSelect: function(value, data){ alert('You selected: ' + value + ', ' + data);             },
     });



    browser = jQuery.browser;
    $('.autocomplete').css('padding-left','10px');
    });

HTML

**  <input type="text" class="placeholder-text" maxlength="100" value="Job title, Keyword or O*NET code" onfocus="if(this.value=='Job title, Keyword or O*NET code')this.value=''" onblur="if(this.value=='')this.value='Job title, Keyword or O*NET code'" id="txtOccupation" name="txtOccupations" autocomplete="off"></input>**

1 个答案:

答案 0 :(得分:1)

我正在回答:

您评论中的

But its adding at the end, i want it to be on top.

根据下面的小提琴jsfiddle.net/J5rVP/158,我分叉了新的小提琴http://jsfiddle.net/a3Tun/以在顶部添加元素。

我已将ui.content.push更改为ui.content.unshift

unshiftpush类似,但它会在数组顶部插入值。有关详细信息,请参阅http://www.w3schools.com/jsref/jsref_unshift.asp