jQuery UI自动完成自动建议列表不会更改

时间:2011-04-03 11:14:53

标签: php jquery json

下面是我的jQuery UI代码,我面临的问题是无论用户输入什么,它都会立即显示数组中的所有内容,而不仅仅是接近输入的单词。

主文件:

<html>
    <head>
        <link type="text/css" href="jqui/css/ui-lightness/jquery-ui-1.8.11.custom.css" rel="stylesheet" />  
        <script type="text/javascript" src="jqui/js/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="jqui/js/jquery-ui-1.8.11.custom.min.js"></script>

  <script type="text/javascript">
    $(document).ready(function(){
    $("#tags").autocomplete({source:"result.php"});
    });
  </script>

</head>
<body>
<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
</div>
</body>

</html>

结果文件

<?php
$arrResults = array('orange', 'apple', 'bannana');
// Print them out, one per line
echo json_encode($arrResults);    
?>

2 个答案:

答案 0 :(得分:1)

你需要这样的东西

$req = $_GET['term']; //first get the search keyword as get method

$arrResults = array('orange', 'apple', 'bannana');

$array = array_filter($arrResults, 'mycallback');
//filter the array containing search word using call back function

function mycallback($var)
{
    global $req;
    if(preg_match('/^'.$req.'/', $var))
    {       
        return $var;
    }
}

$array1 = array();

//filter null array
foreach($array as $arr => $val)
{
        if(!empty($val))
        {
                $array1[] = $val;
        }

}

//echo out the json encoded array
echo json_encode($array1);

答案 1 :(得分:0)

$("#tags").autocomplete({source:"result.php", dataType:"json"});