如何從html表格中的下拉列表中獲取值cel

Question

我試圖在html表格中動態地檢索下拉列表的值。這是我的HTML

<tr> 
<td>ITMF-502</td> 
<td>PUMA</td> 
<td>1</td> 
<td>0</td> 
<td>HALF FRAME/ METAL/ NB/ LOW PRICE</td><td>KOTTAWA</td> 
<td> 
    <select name="loc" id="location0" class="form-control"> 
    <option value="BR000002">KOTTAWA</option> 
    <option value="BR000007">NEGOMBO</option> 
    </select> 
</td> 
</tr> 

這是我的Java腳本

var table = document.getElementById('Items'); 
var tableRowCount = $("#Items > tbody > tr").length; 
for (var i = 1; i <= tableRowCount; i++) { 
    var obj = { 
     itemCode: table.rows.item(i).cells[0].innerText, 
     currentLocation: table.rows.item(i).cells[5].innerText, 
     newLocation: table.rows.item(i).cells[6].find("select").val() 
    }; 
    items.push(obj); 
} 

不過，這並不happen.Anybody能告訴我怎樣才能訪問該值。我需要訪問價值，而不是文字。

Answer 1

嘗試下面的代碼

HTML

<tr> 
<td>ITMF-502</td> 
<td>PUMA</td> 
<td>1</td> 
<td>0</td> 
<td>HALF FRAME/ METAL/ NB/ LOW PRICE</td><td>KOTTAWA</td> 
<td> 
    <select name="loc" id="location0" class="form-control"> 
    <option value="BR000002">KOTTAWA</option> 
    <option value="BR000007">NEGOMBO</option> 
    </select> 
</td> 
</tr> 

的JavaScript：

var tableRowCount = document.getElementById('location0').length;; 
for (var i = 0; i < tableRowCount; i++) { 
    alert(document.getElementById('location0')[i].value); 
} 

Answer 2

我覺得基本的問題是，你的忽略第一行（索引爲0）。你也加入到項目數組不存在...

這是改善jQuery的版本：

var items = [], 
    table = $(document.getElementById('Items')), 
    tableRows = table.find('tr'), 
    obj, 
    tableRow; 

for (var i = 0; i < tableRows.length; i++) { 
    tableRow = tableRows.eq(i); 

    obj = { 
     itemCode: tableRow.find('td').first().text(), 
     currentLocation: tableRow.find('td').eq(5).text(), 
     newLocation: tableRow.find("select").val() 
    }; 
    items.push(obj); 
} 

console.log(items);