Question

我正在尝试实现jQuery自动完成字段，但是我将HTML和PHP文件分开。我是PHP的新手，我不知道在哪里放置jQuery代码，以及它如何与HTML端交互。

我有index.html（对于HTML）我也有index.php（对于PHP）

以下是我希望自动填充的文字字段：

<div class="keywords">
 <input class="form-control" placeholder="Keywords" type="text">
</div>

脚本：

<!-- jquery Autocomplete -->
<link rel="stylesheet" href="css/jquery-ui.css">
<script src="js/jquery-1.10.2.js"></script>
<script src="js/1.11.4/jquery-ui.js"></script>

现在我不明白，在这个网站上：http://api.jqueryui.com/autocomplete/#entry-examples它以此代码为例

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

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

<script>
$( "#autocomplete" ).autocomplete({
  source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});
</script>

</body>
</html>

顶部显示在HTML文件中。我不明白如何将PHP和HTML分开，因为它们都在不同的文件中？

使用PHP和HTML分离的jQuery自动完成小部件

0 个答案: