HTML — Создание интерактивных ссылок для выпадающего меню в стеке переполнения

Я создаю систему, где пользователь может искать в библиотеке по определенным полям.

В настоящее время у меня есть документ PHP под названием index.php который содержит раскрывающийся список, текстовое поле и кнопку отправки. Пользователь выбирает из выпадающего списка, какое поле он хочет найти (например, Автор или Заголовок), затем вводит свои критерии поиска в текстовое поле (например, «Толкиен» или «Хоббит») и затем нажимает на кнопку «Отправить». кнопка, которая затем загружает simpleSearch.php. Текст, который ищет пользователь, и поле, по которому он ищет, определены simpleSearch.php следующее:

$queryString = $_GET["userSearch"]; // get user's search string
$queryType = $_GET["searchType"]; // get user's search type

То, что я хотел бы иметь, это другой макет, но те же функции на index.php стр. Макет над двойной синей линией является текущим макетом. Раскладка под двойной синей линией — мой желаемый макет.

Вместо выбора поля в раскрывающемся списке и нажатия кнопки «Отправить» пользователь вводит свои критерии поиска и затем щелкает одно из полей. Кнопка будет действовать как выпадающий селектор И кнопка отправки одновременно.

Вот мой код для текущего макета:

<form action="simpleSearch.php" method="get">
<select name="searchType">
<option value="all">All Fields</option>
<option value="author">Author</option>
<option value="title">Title</option>
<option value="subject">Subject</option>
</select>
<input type="text" name="userSearch">
<input type="submit">
</form>

Любая помощь будет очень цениться! Спасибо!