如何从引导下拉菜单中获取值（jQuery）

Question

我正在设置一个网络服务器，我想从引导下拉菜单对等 websocket 发送选定的值。

我已经尝试为所选项目设置一个值 数据值=“某个值”和值=“某个值”。并尝试使用 jQuery 获取它们。

<div class="dropdown">
    <button class="btn dropdown-toggle config_btn" type="button" data-toggle="dropdown" id="btn_baud">
        <span class="caret"></span></button>
    <u1 class="dropdown-menu" id="baudrate">
        <li><a href="#">250 kBit/s</a></li>
        <li><a href="#">500 kBit/s</a></li>
        <li><a href="#">1 MBit/s</a></li>
    </u1>
</div>

在下拉菜单按钮中显示所选值：

$(document).ready(function(){
    $("#baudrate a").click(function(){
        $("#btn_baud").text($(this).text());
    });
});

从下拉菜单中获取选定的文本：

$(document).ready(function() {
    $("#baudrate li a").click(function() {
        baudrate = $(this).html();
    });
});

我能够从下拉菜单中获取所选文本，但无法获取值。

当我尝试设置如下值时：

<li data-value="250"><a href="#">250 kBit/s</a></li>
<li><a data-value="250" href="#">250 kBit/s</a></li>

我无法在我的 jQuery 中使用 .value() 获取它。

Answer 1

它不重视它的数据。

https://api.jquery.com/data/

$(element).data('value');

Answer 2

HTML：

<div class="dropdown">
    <button class="btn dropdown-toggle config_btn" type="button" data-toggle="dropdown" id="btn_baud">
        <span class="caret"></span></button>
    <u1 class="dropdown-menu" id="baudrate">
        <li><input type="hidden" value="250"/><a href="#">250 kBit/s</a></li>
        <li><input type="hidden" value="500"/><a href="#">500 kBit/s</a></li>
        <li><input type="hidden" value="1"/><a href="#">1 MBit/s</a></li>
    </u1>
</div>

JS：

<script>
    $(document).ready(function(){
         $("#baudrate li a").click(function() {
            baudrate = $(this).parent().find('input').val();
            alert(baudrate);
        });
    });
</script>