如何使用引导程序进行下拉列表，选择的下拉选项现在成为下拉名称？

Question

单击下拉元素时，网站上列出的选项不会更改下拉列表名称

Answer 1

如果我已正确理解您的问题并且我已完成您的代码，请尝试以下代码。

希望这有帮助。

＆＃13;

＆＃13;

 $(function () {

            $(".dropdown-menu li a").click(function () {

                $(".btn:first-child").text($(this).text());
                $(".btn:first-child").val($(this).text());
            });
        });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="btn-group">
        <button class="btn">Please Select From List</button>
        <button class="btn dropdown-toggle" data-toggle="dropdown">
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
            <li><a tabindex="-1" href="#">Class I</a></li>
            <li><a tabindex="-1" href="#">Class II</a></li>
            <li><a tabindex="-1" href="#">Class III</a></li>
            <li class="divider"></li>
            <li><a tabindex="-1" href="#">Other</a></li>
        </ul>
    </div>

＆＃13;

＆＃13;

＆＃13;