该功能是使用的 jquery.autocomplete 插件来完成的,具体的参数配可以自己搜索。在默认模板搭配的系统 JS库要使用该功能只需要将搜索表单添加 xz-search+要联想的文本框添加ff-wd+表单定义配置 data-limit="10"这三个条件就可以满足了。
Html基础代码
<form class="navbar-form navbar-right xz-search" action="{$root}index.php?s=vod-search" method="post" data-sid="{$site_sid}" data-limit="{:C('ui_search_limit')}" data-action="{:xz_url('vod/search',array('wd'=>'XZWD'), true)}" data-action-news="{:xz_url('news/search',array('wd'=>'XZWD'), true)}">
<input type="text" class="form-control xz-wd" name="wd" placeholder="请输入影片名称">
<button type="submit" class="btn btn-default">搜索</button>
</form>
Js调用代码
xzcms.search.autocomplete();
暂无评论