jQuery的，获得下拉列表的ID，当按钮被点击

Question

我的DOM是这样的：现在

<td> 

<select id=s1 class=c1>...</select> 
<select id=s2 class=c1>...</select> 
<select id=s3 class=c1>...</select> 
<input type=button id=btn value=click/> 
</td> 

在页面加载时，我做了$(".c1").hide();，然后根据其他逻辑，使人们看到其中之一。

现在当单击按钮时，我需要当前可见的下拉列表的ID。

我该怎么做？

Answer 1

$("select.c1:visible").attr("id") 

应该返回第一个可见选择元素的ID。

也请引用您的属性值。

Answer 2

$('#btn').click(function(){ 

    $('select.c1:visible').get(0).id 

}); 

Answer 3

$("select:visible").attr("id") 

BTW，你应该知道，ID是不是找到并处理JavaScript元素的唯一途径。我的意思是$("select:visible")已经包含了元素本身！