Question

当我点击textarea进行搜索时，我想创建一个包含三个链接的静态列表作为下拉列表（没有输入任何内容且没有自动完成/建议）。 header.php中搜索功能的代码是

<input type="text" placeholder="<?php _e('How Can We Help You?'); ?>" name="s" class="search_field" autocomplete="on" /> <input type="submit" value="Search" />

Answer 1

你不能使用PHP来使你的博客更具动态性，因为PHP是一种服务器端编程语言 - 它在页面加载之前就具有魔力。如果你想要一个自动完成/建议下拉菜单，那么简单的方法是使用jQuery UI。您可以阅读有关here的更多信息，并详细了解自动填充功能here

Answer 2

我认为唯一的方法是使用js在搜索焦点上显示自定义选择框，只是尝试了几种方式，这样的事情可能会有所帮助......

  <input type="search" onfocus="document.getElementById('searchSelect').style.display='block'" />

<select style="display:none;" id="searchSelect"><option><a href="http://www.google.com">Google</a></option><option><a href="http://www.yahoo.com">Yahoo</a></option></select>

在Wordpress中创建搜索下拉列表

2 个答案: