jQuery自动完成添加全选选项

时间:2017-12-03 15:32:31

标签: jquery jquery-ui-autocomplete selectall queryselectall

我正在使用jQuery自动完成功能,而且效果很好。

我想添加一个选项“全选”以选择显示的所有结果,请检查下面的代码:

$( "#prd" )
      .on( "keydown", function( event ) {
        if ( event.keyCode === $.ui.keyCode.TAB &&
            $( this ).autocomplete( "instance" ).menu.active ) {
          event.preventDefault();
        }
      })
      .autocomplete({
        source: function( request, response ) {
          $.getJSON( "php/productsList.php", {
            term: extractLast( request.term )
          }, response );
        },
        search: function() {
          // custom minLength
          var term = extractLast( this.value );
          if ( term.length < 2 ) {
            return false;
          }
        },
        focus: function() {
          // prevent value inserted on focus
          //return false;
            $(this).find('#prd').select(); $(this).select();
        },
        select: function( event, ui ) {
          var terms = split( this.value );
          // remove the current input
          terms.pop();
          // add the selected item
          terms.push( ui.item.value );
          // add placeholder to get the comma-and-space at the end
          terms.push( "" );
          this.value = terms.join( ", " );
          return false;
        },
        close : function (event, ui) {
            if (!$("ul.ui-autocomplete").is(":visible")) {
                $("ul.ui-autocomplete").show();
            }
        }
      });

提前感谢您的帮助。

0 个答案:

没有答案