JavaScript填充文本输入字段并调用自动完成搜索

时间:2018-03-09 15:23:48

标签: javascript jekyll

我有一些生成标签链接列表的液体代码和一个自动完成搜索框,可以在每次按键时加载json文件的结果。 当用户单击标记时,它将加载到文本字段中,但不会调用搜索脚本,搜索结果也不会加载到结果容器中。我该怎么做?

<ul class="tags">

{% for tag in page.tags %}

    <li><a style="cursor:pointer;" onclick="document.getElementById('MySearchBox').value='{{ tag }}';">{{ tag }}</a></li>

{% endfor %}
</ul>

<!-- Html Elements for Search -->
<div id="search-container">
<input type="text" id="MySearchBox" name="MySearchBox" placeholder="search...">
<p><ul id="results-container"></ul></p>
</div>


<!-- Script pointing to search-script.js -->
<script src="/simple-jekyll-search.min.js" type="text/javascript">
</script>

<!-- Configuration -->
<script>
SimpleJekyllSearch({
  searchInput: document.getElementById('MySearchBox'),
  resultsContainer: document.getElementById('results-container'),
  json: '/search.json'
})
</script>

谢谢

0 个答案:

没有答案