javascript - 使用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
如果您需要其他任何东西,请告诉我