获取选择值的元素

Question

我有一个从JQuery get请求填充的HTML select下拉列表。您可以在此处查看https://codepen.io/anon/pen/xjVjra

我试图在每次更改时获取所选值的以下示例元素。

  

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

我已经尝试了以下但是这只会带回所选选项的名称，这不是我所追求的。

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

是否可以钻取到所选选项的内部代码并检索该数据。

由于

Answer 1

我在HTML中看不到任何<small>个标签，因为它们不应该是因为只有<option>和<optgroup>是<select>中的有效元素。< / p>

如果您的意思是<option>，则可以使用:selected伪类来获取实际的<option>元素，而不仅仅是其值：

// in select onchange where this == select element
$(this).find(':selected'); // the option element

另请注意，您的CodePen示例实际上没有名为#dropdown的下拉列表，因此请确保使用相应的选择器。

Answer 2

我不知道问题是如何与CodePen相符的，但你可以尝试这样的事情：

$("#cryptos :selected").attr("data-subtext");