自动填充文本框无效

时间:2016-05-27 00:43:34

标签: javascript php html

我正在尝试创建一个自动完成的文本框。我编写了一个php代码,使用httpful从API中获取值列表。下面是列出值的PHP代码。

     ->send();
   $json = $dt_response;
   $json_output = json_decode($json, true);
     for($i=0;$i<count($json_output);$i++)
      {
             echo $json_output[$i]['tracker_id'].'<br />';
      } 

以下是从search.php文件中调用上述代码的javascript代码。

     <script>
        $(function() {
            $( "#trackid" ).autocomplete({
                source: 'search.php'
            });
        });

            </script>       

文本框的HTML:

<div class="ui-widget">
     <label for="trackid">Tracker ID: </label>
     <input id="trackid">
    </div>

问题是当我尝试在文本框中键入值时,它不会降低值。我检查了我的PHP代码它的工作正常。所有文件都在同一个文件夹中。问题是什么?

1 个答案:

答案 0 :(得分:0)

我把下面的PHP代码放在了开始。

<?php 
  require_once('search.php');
?>

并将我的javascript代码更改为

<script>
  $(function() {
  $( "#trackid" ).autocomplete({
  source: <?php print_r(json_encode($options)); ?>
  });
  });
</script>

略微更改了我的search.php代码。

 ->send();
 $json = $dt_response;
 $json_output = json_decode($json, true);

 for($i=0;$i<count($json_output);$i++)
    {
        $trackerid[$i]=$json_output[$i]['tracker_id'];
    }
$options = $trackerid;

现在工作正常。