HTML - «Поиск по» и как фильтровать по выбранному полю

Question

Моя задача - добавить поле со списком на странице поиска, чтобы пользователь мог выбрать поле, по которому он хочет искать, а затем искать клиентов, используя это поле.Другими словами, на странице указателя должно быть поле со списком «Поиск по», в котором пользователь выбирает поле для поиска (Фамилия, Имя и т. Д.), Затем вводит строку поиска и нажимает кнопку поиска.выполнить поиск и отобразить результаты на той же странице.Результаты поиска должны быть отсортированы по полю, используемому для поиска.

В настоящее время у меня есть следующий код:

<form asp-action="Index" method="get">
<div Class="form-actions no-color"></div>
    <div class="search-item">Search</div>
    <div class="sigform_fld search-item">
        <select class="catalog">
            <option value="1">Customers</option>
        </select>
    </div>
    <div class="search-item">By</div>
    <div class="sigform_fld search-item option">
        <select class="option-1">
            <option value="2">Last Name</option>
            <option value="3">Email Address</option>
            <option value="4">Company Name</option>
        </select>
    </div>
</form>
<form asp-action="Index" method="get">
    <div Class="form-actions no-color">
        <p>
            <input type="text" name="LastName" value="@ViewData("currentFilter")" />
            <input type="submit" value="Search" class="btn btn-default" />
            | @Html.ActionLink("All Customers", "Index")
        </p>
    </div>
</form>

Это только фильтры по фамилии.Как я могу иметь одну панель поиска, которая фильтрует по выбранной опции (Фамилия, Название компании или Адрес электронной почты).

Справка!