查询下拉选择的选项答案

【问题标题】：Query dropdown selected option查询下拉选择的选项
【发布时间】：2019-02-28 22:31:20
【问题描述】：

我正在尝试使用 jquery 在引导程序上进行下拉选择，对我来说这似乎很难做到。这是我的代码：

<div id="green" class="X dropdown mt-4 pb-3">
    <button id="btn" type="button" class="btn btn-default dropdown-toggle " data-toggle="dropdown">Select
        languange</button>

    <button class="dropdown-menu">
        <a id="1" class="dropdown-item" href="#">English</a>
        <a id="2" class="dropdown-item" href="#">German</a>
        <a id="3" class="dropdown-item" href="#">French</a>
    </button>
</div>

$('.classdropdwn').click(function(){$('.classbutton').html( $(this).text)})

我也尝试过这样的事情：

$(document).ready(function(){
    $('#btn').click(function(){
        $("#btn").empty()
        $("#btn").html( $(this).text)
    });                 
});

感谢您的帮助！

【问题讨论】：

您的 HTML 无效；你不能有嵌套的可点击元素 - 换句话说，<a> 在 <button> 中
正如我在引导文档中看到的，“下拉菜单”类应该在
标记中。还可以在这里查看getbootstrap.com/docs/4.0/components/dropdowns
@Adrian Badulescu 如果您使用的是引导程序，则不需要 jquery，只需按照引导程序文档中的方式正确调用类名即可。
@RoryMcCrossan 你好！，上面的代码是从 W3Schools 复制的链接w3schools.com/bootstrap4/bootstrap_dropdowns.asp
在该示例中，<a> 元素是 div 的子元素，这是有效的。另外，请不要使用 W3Schools 作为参考。他们的文章经常过时，有时甚至完全是错误的。 MDN 更加全面和准确。