jQuery UI autocomplete

暮雨疏桐

于 2022-08-01 16:00:36 发布

阅读量551

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： ui jquery javascript autocomplete

本文链接：https://blog.youkuaiyun.com/moamao_jishuyuan/article/details/126101709

该博客介绍了如何使用jQuery UI库来实现Autocomplete功能。首先，需要从jQuery UI官网下载所需资源，然后在页面中引入jQuery UI的JavaScript库。最后，通过初始化Autocomplete插件来为输入框添加自动补全功能。

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

第一步：下载 jquery ui

Download Builder | jQuery UI

第二步：引用 jQuery ui js

<script type="text/javascript" src="/lib/jquery-ui/jquery-ui.js?temp=20220721"></script>

第三部，初始化 autocomplete

<!-- アカウント -->
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 margin-top-15" id="">
    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 text-align-right default-form-control-height">アカウント：</div>
    <div class="col-lg-7 col-md-7 col-sm-8 col-xs-8 width-full">
        <input class="form-control" type="text" id="addPageName" placeholder="アアカウント名を入力して、正確なアカウントを選んでください。">
        <input class="form-control" type="hidden" id="addPageId">
        <div id="addPageAutocomplete" class="autocomplete-container"></div>
        <div class="col-lg