如何在循環顯示錶格行時獲取值？

Question

我有一個表，我循環直通，並希望從每行中的列中拉出值。我怎麼做？

$('#buildingList tr').each(function() { 
     //check each column in the row and get value from column 3 which is a drop down 
    });  

<table id="buildingList"> 
<tr> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"> 
<select id="ddl"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
</td> 
</tr> 
<tr> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"> 
<select id="ddl"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
</td> 
</tr> 
<tr> 
<td class="ms-vb2"/> 
<td class="ms-vb2"/> 
<td class="ms-vb2"> 
<select id="ddl"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
</td> 
</tr> 
</table> 

Answer 1

使用:selected選項，並在您的each循環與元素的值工作：

$('#buildingList td select option:selected').each(function(i, el) { 
    // Do something with $(el).val() or el.value 
}); 

Answer 2

$('#buildingList tr td:nth-child(3) select option:selected').each(function() { 
    var myValue = $(this).text(); 
}); 

編輯的綜合版本

Answer 3

取決於你想要的價值觀該怎麼做。如果你想存儲他們在一個陣列中，你可以做到這一點：

var values = []; 
$('#buildingList tr select').each(function (index, elem) { 
    values.push(elem.value); 
}); 

也在側面說明。您有多個<select>元素具有相同的ID。一個id屬性應該是唯一的。

Answer 4

您可以直接將下拉菜單中使用的每一行的第3列：

$('#buildingList tr td:eq(2) select').each(function() {  
    var dropDown = $(this); //this refers to the DOM Select 
});