jQuery autocomplete 的例子

原创于 2015-08-26 21:30:34 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #jquery ui

PHP有关同时被 2 个专栏收录

47 篇文章

订阅专栏

Javasript

13 篇文章

订阅专栏

本文详细介绍了如何使用 jQuery UI 实现自动完成功能，并通过引入相应的 CSS 和 JS 文件来确保功能正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自动完成，前提是必须引入jQuery-ui的CSS和JS，否则无法自动完成。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Autocomplete - Default functionality</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>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    var phpUrl = 'json.php';
    $( "#tags" ).autocomplete({
      source: phpUrl
    });
  });
  </script>
</head>
<body>

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


</body>
</html>