帶有建議的自動填充AJAX PHP PostgreSQL

我正在做一個自動完成，但是當我在輸入中寫入任何東西時，我出現所有元素，我想要在輸入中包含輸入字符的項目。帶有建議的自動填充AJAX PHP PostgreSQL

我的代碼是：

var searchRequest = null; 
$("#buscar").autocomplete({ 
    maxLength: 5, 
    source: function (request, response) { 

     if (searchRequest !== null) { 
      searchRequest.abort(); 
     } 
     searchRequest = $.ajax({ 
      url: 'search.php', 
      method: 'post', 
      dataType: "json", 
      success: function (data) { 
       searchRequest = null; 
       response($.map(data.items, function (item) { 
         return { 
          value: item.name1, 
          label: item.name1 
         }; 
       })); 
      } 
     }).fail(function() { 
      searchRequest = null; 
     }); 
    } 
});

來源

2015-07-19 ivanjj22

試試這個：

source: function(request, response) { 
     response($.map(data.items, function(item) { 
      var term = request.term.toLowerCase(), 
       name = item.name.toLowerCase(); 
      if (name.search(term) == 0 || item.code.indexOf(term.toUpperCase()) == 0) { 
       return { 
        label: item.name, 
        value: item.name 
       }; 
      } 
     }).slice(0, 15) 
     ); 
    },

來源

2015-07-19 21:35:24 MaggsWeb

試試這個代碼*

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<script src="js/jquery-2.1.1.min.js"></script> 
    <script src="js/jquery.min.js"></script> 
    <script src="js/jquery-ui.min.js"></script> 
    <script> 
     $(document).ready(function() { 
     $("#txtSearch").autocomplete({ 
      source: function(request,response) { 
      $.ajax({ 
       url: "results.php", 
       type: "POST", 
       dataType: "json",     
       data: { term: request.term }, 
       success: function (data) {      
        response($.map(data, function (item) {       
        return { value:item.name, district:item.district , id: item.id 
          }; 
        })) 
        } 
      }) 
     },focus: function (event, ui) {       
           $("#txthid").val(ui.item.id); 
           $("#txtid").val(ui.item.district); 
           elements.autocompleteSearch.val(ui.item.name); 
           return false; 
          }, 
    messages: {noResults: "", results: ""}    
    }); 
}) 
</script> 
    </head> 
    <body> 
    <form id="form1" runat="server" > 
     <div class="demo"> 
      <div class="ui-widget"> 
       <label for="txtSearch">Enter UserName: </label> 
       <input type="search" id="txtSearch" /> 
       <label for="txtid">ID is: </label> 
       <input type="id" id="txtid" />   
       </div> 
    </form> 
    <form action="file2.html" method="LINK"> 
    <input type="hidden" id="txthid" name="id"> 
     <input type="submit" value="Home page" > 
    </form> 
    </body> 
    </html>

來源

2015-07-20 06:50:17 Android

帶有建議的自動填充AJAX PHP PostgreSQL

回答

相關問題