javascript - html bootstrap dropdown获取所选项目的索引

在stackoverflow中，有很多关于如何获取引导程序下拉列表的选定值的答案。

<div class="input-group">
    <input type="TextBox" ID="datebox" Class="form-control"></input>
    <div class="input-group-btn">
        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
            <span class="caret"></span>
        </button>
        <ul id="demolist" class="dropdown-menu">
            <li><a href="#">A</a></li>
            <li><a href="#">B</a></li>
            <li><a href="#">C</a></li>
        </ul>
    </div>
</div>

我使用这个没有问题

$('.dropdown-menu a').on('click', function(){
    $(this).parent().parent().prev().html($(this).html() + '<span class="caret"></span>');
    })

但是之后，我需要发出一个带有多个值的HTTP请求，其中之一是下拉菜单中“ A”的“ 0”，“ B”的“ 1”和“ C”的“ 2”的所选项目的索引'

如何获得所选项目的索引？

最佳答案

如果要在click处理程序范围之外发送请求，则可以将变量设置为空值，然后在.click()上对其进行更新

var selected_index = null;
$('.dropdown-menu a').on('click', function(){
  $(this).parent().parent().prev().html($(this).html() + '<span class="caret"></span>');
  selected_index = $(this).closest('li').index();
});

// ... HTTP request code with selected_index

关于javascript - html bootstrap dropdown获取所选项目的索引，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39911407/