首页 > 解决方案 > 获取选择值的元素

问题描述

我有一个从 JQuery 获取请求中填充的 HTML 选择下拉列表。你可以在这里查看https://codepen.io/anon/pen/xjVjra

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

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

我尝试了以下方法,但这只会带回所选选项的名称,这不是我所追求的。

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

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

谢谢

标签: javascriptjquery

解决方案


<small>在 HTML 中看不到任何标签,因为它们不应该是因为只有<option>并且<optgroup><select>.

如果你的意思是<option>,你可以使用:selected伪类来获取实际<option>元素,而不仅仅是它的值:

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

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


推荐阅读