Jquery 制作自动完成的文本框/输入区域_Jquery_Autocomplete_Jquery Autocomplete_Jquery Ui Autocomplete

Jquery 制作自动完成的文本框/输入区域

jquery autocomplete

Jquery 制作自动完成的文本框/输入区域,jquery,autocomplete,jquery-autocomplete,jquery-ui-autocomplete,Jquery,Autocomplete,Jquery Autocomplete,Jquery Ui Autocomplete,我正在尝试制作一个jQuery自动完成输入框，以便人们可以看到预先设置的建议。其实没那么难，但不知何故，我似乎无法解决一个不会显示建议的问题这是一把小提琴：这是我的HTML文件： <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script

我正在尝试制作一个jQuery自动完成输入框，以便人们可以看到预先设置的建议。其实没那么难，但不知何故，我似乎无法解决一个不会显示建议的问题

这是一把小提琴：

这是我的HTML文件：

<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <script>
  $(document).ready(function() {
    $("input#search-textbox").autocomplete({
    source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
});
  });
  </script>
</head>


$（文档）.ready（函数（）{
$（“输入#搜索文本框”）。自动完成({
来源：[“c++”、“java”、“php”、“coldfusion”、“javascript”、“asp”、“ruby”]
});
});

文本框：

<body>
<input id="search-textbox" class="topic-picker ui-autocomplete-input" type="text" maxlength="100" name="q" accesskey="b"  autocomplete="off" placeholder="enter text" role="textbox" aria-autocomplete="list" aria-haspopup="true">

例如，如果我键入“java”，为什么看不到建议

还有我的第二个问题：如何从数据库中获取要提取的数据？

PS：我使用了这里的代码：

如果您在小提琴中测试，您需要将左侧的框架更改为jQuery，而不是MooTools，并且还需要包括jQuery UI

试试这个：

好的，谢谢，我已经解决了。缺少一个括号。我假设在某个地方有一个错误，因为您可以看到您在给定正确框架的情况下使用的代码。检查控制台是否有错误。是的，我解决了，谢谢。现在最后一个问题仍然存在：如何从数据库中获取数据？