jQuery UI autocomplete

最新推荐文章于 2023-04-08 08:23:38 发布

原创

最新推荐文章于 2023-04-08 08:23:38 发布 · 568 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ui #jquery #javascript #autocomplete

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

第一步：下载 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