首页 > 解决方案 > 使用jquery获取所选值的元素

问题描述

我正在尝试使用 Jquery 获取所选值的元素,但我似乎只能提取该值。

在下面的示例中,当我选择下拉菜单时,我返回了这样的 HTML

<ul class="dropdown-menu inner" role="listbox" aria-expanded="false" style="max-height: 27px; overflow-y: auto; min-height: 80px;">
    <li data-original-index="0" class="">
        <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false">
            <span class="text">Bitcoin
                <small class="text-muted">BTC</small>
            </span>
            <span class="glyphicon glyphicon-ok check-mark"></span>
        </a>
    </li>
    <li data-original-index="1" class="selected">
        <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="true">
            <span class="text">Ethereum
                <small class="text-muted">ETH</small>
            </span>
            <span class="glyphicon glyphicon-ok check-mark"></span>
        </a>
    </li>
</ul>

我想在每次更改时从下拉列表中选择此元素的值

<small class="text-muted">ETH</small>

我试过以下

$(document).ready(function () {
    $('#dropdown').on('change', function() {
        alert( $('option:selected', this).text() ); 
        alert( $(this).val()
    });
});

每次我更改下拉选项时,它们只会带回选定的值(在上面的代码情况下,它将是以太坊)。有什么方法可以代替 ETH 吗?谢谢你。

编辑-

很抱歉对于这个误会

这是一个更好地参考如何填充选择的示例 - https://codepen.io/anon/pen/xjVjra

如果您需要其他任何东西,请告诉我

标签: javascriptjquerydrop-down-menu

解决方案


推荐阅读