jQuery：获取可见元素的值

Question

我有一个包含多个HTML下拉列表的页面。

所有下拉列表都具有相同的类，并且一次只能在页面上看到其中一个（其他下拉列表基于不同的规则隐藏了jQuery）。

如何才能获得此类中当前可见元素的值（＆＃34; myClass＆＃34;）？

示例下拉列表：

<select class="myClass" id="status1" name="status1">
    <option value="item1">Item 1</option>
    <option value="item2">Item 2</option>
    <option value="item3">Item 3</option>
</select>

非常感谢任何帮助，蒂姆

Answer 1

您可以使用:visible Selector

$('.myClass:visible').val()

DEMO

Answer 2

尝试使用jQuery的:visible选择器。

$('.myClass:visible')