PHP-使用PHP和javascript自动完成_Javascript_Php_Jquery_Html_Autocomplete

PHP-使用PHP和javascript自动完成

javascript php jquery html autocomplete

PHP-使用PHP和javascript自动完成,javascript,php,jquery,html,autocomplete,Javascript,Php,Jquery,Html,Autocomplete,我正在编写一个自动完成脚本，首先使用php从本地目录读取文件，如下所示： <?php $file = glob('pages/*'); //var_dump($file); foreach($file as $value) { $output = substr($value, 6, strlen($value) - 6); //echo($output)."<br>"; } ?> 上面的脚本显示“pages”文件夹中的所有文件，即pageone.

我正在编写一个自动完成脚本，首先使用php从本地目录读取文件，如下所示：

<?php
$file = glob('pages/*');
//var_dump($file); 

foreach($file as $value)
{
    $output = substr($value, 6, strlen($value) - 6);
    //echo($output)."<br>";
}
?>

上面的脚本显示“pages”文件夹中的所有文件，即pageone.html、pagetwo.html

然后，我使用一个javascript文件显示一个文本字段，当输入例如“page”时，应该显示aome自动完成选项，如“pageone.html”或“pagetwo.html”e.t.c

<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
var availableTags = ["
<?php echo $output; ?>"
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>
</head>
<body>
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
</div>
</body>
</html>


jQuery UI自动完成-默认功能
$（函数（）{
var availableTags=[”
"
];
$（“#标记”）.autocomplete({
资料来源：availableTags
});
});
标签：

我将上面的php代码与这个js组合成一个php文件

如图所示，我尝试将“$output”嵌入到js“availableTags”变量中，但当我在文本字段中键入一些内容时，什么也没有发生。我确信这与嵌入js中的php代码有关，因此，如果您的

$output

只包含一个值（列表中的最后一个文件），我们将不胜感激。您可以创建文件数组，如：

$res = array();
foreach($file as $value)
{
    $res[] = substr($value, 6, strlen($value) - 6);
}

并将其作为一个javascript数组（带函数）传递给javascript


$（函数（）{
var availableTags=
...

您可以使用。jQuery用户界面更简洁、更易于使用

<script>
$(function() {
var availableTags = <?=json_encode($res)?>
...