Filter HTML Table based on ComboBox selection using jQuery in ASP.Net MVC

Hi sallmomar,

Check this example. Now please take its reference and correct your code.

Controller

public class HomeController : Controller
{
    // GET: /Home/
    public ActionResult Index()
    {
        TestEntities db = new TestEntities();
        TempData["listesite"] = db.Sites.ToList();
        return View();
    }

    [HttpPost]
    public ActionResult Index(FormCollection formCollection)
    {
        TestEntities db = new TestEntities();
        string nom = formCollection["hfNom"].ToString();
        TempData["listesite"] = db.Sites.Where(x => x.Nom == nom).ToList();
        return View();
    }
}

View

<script type="text/javascript">
    $(function () {
        $('#Lsite').on('change', function () {
            $('#hfNom').val($(this).find('option:selected').val());
            $('form').submit();
        });
    });
</script>
<%using (Html.BeginForm("Index", "Home", FormMethod.Post))
    { %>
<%:Html.DropDownList("Lsite", new List<SelectListItem> { 
                            new SelectListItem{Text="Nom1", Value="Nom1"},
                            new SelectListItem{Text="Nom2", Value="Nom2"},
                            new SelectListItem{Text="Nom3", Value="Nom3"} }, "Select Site")%>
<%:Html.Hidden("hfNom") %>
<hr />
<table>
    <tr>
        <th>Nom</th>
        <th>Marque</th>
        <th>Model</th>
        <th>Nuemro</th>
        <th>Plage</th>
    </tr>
    <%foreach (var item in ((List<Site>)TempData["listesite"]).GroupBy(x => x.Nom))
        {%>
    <tr>
        <th><%=item.Key %></th>
        <th colspan="4"></th>
    </tr>
    <%foreach (Site data in ((List<Site>)TempData["listesite"]).Where(x => x.Nom == item.Key))
        {%>
    <tr>
        <td></td>
        <td><%=data.Marque%></td>
        <td><%=data.Model%></td>
        <td><%=data.Numero%></td>
        <td><%=data.Plage%></td>
    </tr>
    <% } %>
    <%} %>
    <% } %>
</table>

Screenshot