Question

我有一个典型的Bootstrap Dropdown，如下所示：

<div class="btn-group">
    <button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Default option<span class="caret"></span></button>
    <ul id="my-select" class="dropdown-menu">
            <li data-value="10" role="presentation"><a href="#">Option 1</a></li>
            <li data-value="20" role="presentation"><a href="#">Option 2</a></li>
    </ul>
</div>

这适用于没有特定ID的所有Bootstrap Dropdown：

$(".dropdown-menu li a").click(function () {
    var selText = $(this).text();
    $(this).parents('.btn-group').find('.dropdown-toggle').html(selText + ' <span class="caret"></span>');
});

我尝试使用id实现此功能的尝试失败了：

var mySelect = $('#my-select');

mySelect.find(".li a").click(function () {
   ...
}

和

$("#my-select .li a").click(function () {
   ...
}

Answer 1

这应该有效：

$("#my-select li a").click(function () {

}

.点用于类

示例：

<button class="myClass" ...>

$('.myClass')...

#用于ids

<button id="myButton" ...>

$('#myButton')...

Answer 2

试试这个：

$("#myselect").click(function(){
...
});

您不需要指定li或任何内容，因为myselect是唯一标识元素的ID

如何更改具有特定ID的Bootstrap下拉列表的值？

2 个答案: