使用jquery获取所选值的元素

时间:2018-04-24 15:49:30

标签: javascript jquery drop-down-menu

我试图使用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>

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

  

<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

如果您需要其他任何内容,请告诉我

0 个答案:

没有答案