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")已經包含了元素本身！