从嵌套的drop list jQuery和razor中获取所选id

我有一个侧边栏，假设当项目点击它时，它改变了页面的常数，问题似乎是我无法理解所选项目

我的剃须刀代码：

 <div id="sidebar-wrapper">
        <div class="sidebar-wrapper" id="lessons">
            <ul class="nav nav-pills nav-stacked" data-toggle="collapse">
                @foreach (var chapter in Model)
                {
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown" class="dropdown-toggle"> @chapter.chapterName <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            @foreach (var lesson in chapter.Lessons)
                            {
                                <li value="@lesson.lessonsId"><a href="">@lesson.lessonsName</a></li>
                            }
                        </ul>
                    </li>
                }
            </ul>
        </div>
    </div>

为侧栏生成的html标记：

   <div id="sidebar-wrapper">
        <div class="sidebar-wrapper" id="lessons">
            <ul class="nav nav-pills nav-stacked" data-toggle="collapse">
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown" class="dropdown-toggle"> primes <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                                <li value="2"><a href="">primes factorization</a></li>
                                <li value="6"><a href="">primes 2</a></li>


                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown" class="dropdown-toggle"> algorithims <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                                <li value="9"><a href="">kmp</a></li>
                        </ul>
                    </li>
            </ul>
        </div>
    </div>

带有

id=“lessons”

的元素是

，而不是输入-

.val（）

获取表单控件的值（输入，文本区域，选择）而

值

不是

element@StephenMuecke你能帮我修复一下吗？我已经把它做成了表格，把ul改成了opgroup，而li改成了选项，仍然无法选择，而且它的样式也没有问题。甚至不清楚你想做什么，因为你可以通过点击

来编码。我假设您要做的是处理内部

元素的单击事件，然后传递相关

lessonsId

的值？是的，这就是我要做的

   <div id="sidebar-wrapper">
        <div class="sidebar-wrapper" id="lessons">
            <ul class="nav nav-pills nav-stacked" data-toggle="collapse">
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown" class="dropdown-toggle"> primes <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                                <li value="2"><a href="">primes factorization</a></li>
                                <li value="6"><a href="">primes 2</a></li>


                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown" class="dropdown-toggle"> algorithims <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                                <li value="9"><a href="">kmp</a></li>
                        </ul>
                    </li>
            </ul>
        </div>
    </div>