There are a lot of plugins that include some sort of select/option drop-down menu. Some of these plugins only have a handful of options to choose from, so leaving them as a pull-down menu is probably fine. Other plugins can potentially have a lot of options (think of a list of site users, posts, or some other unknown variable). Those menus can be very difficult for a user to scroll through. It would be nice to add searchable dropdown in your WordPress plugin’s menus.

wordpress search dropdown plugin
To allow users to choose a specific category from a dropdown box and get along with their searches, three different tactics can be implemented in the search form:

  1.     Forming your own search form: This involves editing the theme files to get a search form with categories select dropdown.
  2.     Alter the shortcodes extension: Using ‘SearchWP’s shortcodes extension’ that allows users to easily output search forms and control search results pages which are done in the theme’s functions.php file.
  3.     Modify the default search form: Go to the theme directory and customize the code ‘get_search_form()’, by including ‘get_search_form’ filter in the theme’s functions.php file. Or, including a file ‘searchform.php’ in the theme, can also serve the purpose. In case you don’t have ‘searchform.php’ in your theme, WordPress will render its built-in search form.
.toggle-widget { 
   display: none; 
}

.toggle-widget {
  margin-top: 50px;
}

.toggle-widget .search-form input {
	width: 66%;
	font-size: 35px;
}
 
.toggle-widget .widget_search input[type="submit"] {
	background-color: #0099CC;
	font-size: 30px;
	float: right;
	width: 32%;
}

There are a lot of plugins available that include select/option dropdown menu. It would be better to add a dropdown search form in WordPress plugin’s menu. Searchable drop-down menus are not built into jQuery, but we can use the jQuery Searchable Dropdown Plugin to customize the categories of the select menus.

You may also like