Ajax auto建议不按顺序显示字母。

I am making a small script with javascript to find/display text from an array as I am typing. Sort of like, Google auto suggest tool.

Here is Js script:

<script>
$(function() {
    var availableTags = <?php echo json_encode( $foo ); ?>;
     $( "#tags" ).autocomplete({ source: availableTags });
});
</script>

and the arrays in PHP

  <?php 
        $foo = array("ambiguious","brown",
        "corps","demanding job","eat the pomes","fooling with it");
    ?>

Notice how each words in the array have different first letters than the rest ie.? good, now when I type a instead of showing words that being with a (in this case "ambiguious"), it shows me all words which has a in them.

enter image description here

I thought about making strpos() to search through similar words, but it does not work. Any thoughts would be nice. Thank you.

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答默认最新

douqiao3930 2013-03-03 16:00

关注

have a look at the API:

http://api.jqueryui.com/autocomplete/

Example: Using a custom source callback to match only the beginning of terms

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>autocomplete demo</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
</head>
<body>

<label for="autocomplete">Select a programming language: </label>
<input id="autocomplete">

<script>
var tags = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ];
$( "#autocomplete" ).autocomplete({
  source: function( request, response ) {
          var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
          response( $.grep( tags, function( item ){
              return matcher.test( item );
          }) );
      }
});
</script>

</body>
</html>

本回答被题主选为最佳回答 , 对您是否有帮助呢?