在Wordpress中創建搜索下拉列表

我想在點擊textarea進行搜索時（無需輸入任何內容並且沒有自動完成/建議），創建一個包含三個鏈接的靜態列表作爲下拉列表。在我的header.php搜索功能的代碼是在Wordpress中創建搜索下拉列表

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

來源

2015-11-25 user212888

不能使用PHP，讓您的博客更具活力的，因爲PHP是一個服務器端編程語言 - 它確實是神奇的頁面加載前。如果你想要一個自動完成/建議下拉菜單，simplist的方式是使用jQuery UI。你可以閱讀更多關於here和閱讀更多關於自動完成功能here

來源

2015-11-25 22:58:15 Daniel

謝謝，自動完成腳本可能是有用的，如果我可以直接在默認情況下，下拉更改爲顯示所有的我的3個環節，只是專注於搜索表單 - 或者不管是否包含輸入的第一個字母在鏈接與否。 – user212888

您可以通過在傳遞到下拉菜單中調用的自動填充方法的選項中將minChars設置爲0來實現。您可以快速搜索以瞭解如何執行此操作。 – Daniel

我認爲唯一的方法是使用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>

來源

2015-11-25 23:02:03 Billy

在Wordpress中創建搜索下拉列表

回答

相關問題