javascript - Jquery仅获取Bootstrap中选定的项目

Question

有一些类似的问题，其中答案是正确的。这个问题是关于仅获取所选项目而不是整个数组。

<div class="btn-group">
<a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="change_regions">
    Dropdown
    <span class="caret"></span>
</a>
<ul class="dropdown-menu">
    <li><a href="#">test1</a></li>
    <li><a href="#">test2</a></li>
    <li><a href="#">test3</a></li>
</ul>

如果我使用如下所示的内容，我会得到许多我不需要的属性。

$(".dropdown-menu li a").click(function() {
   $(".btn:first-child").text($(this).text());
   $(".btn:first-child").val($(this).text());
});

Answer 1

它工作正常，按预期更新 .btn 的文本:

$(".dropdown-menu li a").click(function() {
$(".btn:first-child").text($(this).text());
$(".btn:first-child").val($(this).text());
});

https://jsfiddle.net/itsrikin/vseam36j/2/

在您的示例中，您不需要使用 .val() ，但 .text() 会给您正确的值。