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>

这仅按姓氏过滤。我该如何使用一个搜索栏来按所选选项（姓，公司名或电子邮件地址）进行过滤。

帮助！