初学者：获取下拉选择javascript/html/jsp的值

Question

我急于解决我面临的问题。我用一个按钮打开一个下拉菜单。当我在 onClick 函数中选择某些内容并使用函数 updateChartDataByCourse(position) 更新我的 HighChart 并将其作为参数时，我想获取我选择的值（更好：我选择的索引，“位置”）。该功能工作正常。该页面使用 jsp。我的代码如下：

创建按钮和下拉菜单：

        <div class="dropdown" style="display: inline-block; margin-right: 10px">
            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"
                    aria-haspopup="true" aria-expanded="true">
                Kurs auswählen:
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenu" id="course" onclick="enableLFields()">
                <li class="dropdown-header">Kursliste</li>
                <li><c:forEach items="${teachersCourses}" var="course"><a href="#">
                    <option value="${course.id}">${course.name}</option>
                </a></c:forEach></li>
            </ul>
        </div>

然后是 onClick 函数：

$("#course li a").click(function(){
    $("#dropdownMenu1:first-child").text("Kurs: " + $(this).text());
    $("#dropdownMenu1:first-child").val($(this).text());
    indexOrIdThatShallBePassed = $("#dropdownMenu1").val();
    updateChartDataByCourse(**indexOrIdThatSallBePassed**);

    var dropdown = $("#dropdownMenu1");

控制台说这个索引是未定义的。没看懂！

Answer 1

要获取点击项的值，您可以执行以下操作：

$(this).find('option').attr('value')

然后您将设置您的 indexOrIdThatShallBePassed 变量。