如何从动态生成的表中的每个下拉列表中获取值

Question

我已经动态地将行添加到表中，并且在表内我已经填充了一个下拉列表，但我无法获得下拉列表的选定值。我试图在表格单元格中循环，但它从下拉列表中给出了所有值。

下面是我写的示例代码：

<script>
function GetTableValues() {
var services = new Array();            
var table =  $(<%=tblService.ClientID%>).find('tbody')[0];

//get the total number of rows
var len = table.rows.length;

//Loop through Table Rows.
for (var i = 1; i < table.rows.length; i++) {

//alert(table.rows[i].cells[0].innerHTML);
var row = table.rows[i];
//Copy values from Table Cell to JSON object.
var service = {};
service.ServiceId = row.cells[0].innerHTML;
service.ServiceBy = row.cells[1].innerHTML;
service.Qty = row.cells[2].innerHTML;
services.push(service);
}
//Convert the JSON object to string and assign to Hidden Field.
document.getElementsByName("hdnService")[0].value = JSON.stringify(services);
return true;
}
</script>

Answer 1

这里有一个关于如何从表中获取选定值的想法。假设您得到一个表，每一行都有一列下拉列表。所有这些下拉列表都是带值选择的。

var arr= [];
//find all <td> elements in tbody and loop them
$('#tableID').find('tbody').find('td').each(function(){
//target to the dropdown list elements and get the selected value
var selectedValue = $('option:selected',$(this).find('select')).text(); 
//attach to array 
arr.push(selectedValue);
});