Zmiana tabel po wybraniu elementu z droplisty.

0

Witam.
Zaczynam przygodę z front-end i zastanawiam się jak zrealizować to zadanie, czyli :
Mam droplistę :

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
        Select type of data
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <!-- set class as active when selected-->
        <li>Clients</li>
        <li><a href="#">CSS</a></li>
        <li><a href="#">JavaScript</a></li>
    </ul>
</div>

I po wyborze odpowiedniego elementu : Clients itp. zmieniać tabele. Chciałbym użyć do tego JQuery/Knockout.js, bo tworze aplikację webową w asp.net mvc5.
I zastanawia mnie jak wykryć wybranie tego elementu.

Pozdrawiam ;)

0

Dla potomnych :
Rozwiązałem to w ten sposób :

@model List<string>
@{
    ViewBag.Title = "Data";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="dropdown">
    @Html.DropDownList("dataDropdownList", new SelectList(Model), "Select Data", new { @class = "form-control foo" })
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
    $(document).ready(function () {

        $(".foo").change(function () {
            var selected = $("#dataDropdownList option:selected").text();

            if (selected == "Clients") {
                
        }
        });
    });
</script> 

1 użytkowników online, w tym zalogowanych: 0, gości: 1