Я хотел бы проверить каждую опцию выбора для каждой строки моей динамически создаваемой таблицы.
Я попытался выполнить цикл for, но он получает только значение первой строки. Вот мой код:
function GetCellValues() {
var table = document.getElementById('criteriatbl');
for (var r = 1, n = table.rows.length; r < n; r++) {
var results = document.getElementById("results");
var strRes = results.options[results.selectedIndex].text;
alert(strRes);
}
}
HTML таблица
<table border="1" width="" id='criteriatbl'>
$i = 0;
foreach($result as $criteria) {
$i+=1;
echo
"
<tr><td align='center'>$i</td>
<td align='center'> <label for='criteria'> $criteria->catID </label></td>
<td>$criteria->category</td>
<td style='word-wrap: break-word'>$criteria->critDesc</td>
<td><select id='results' name='results[]'>
<option value='Select'>Select</option>
<option value='Compliant'>Compliant</option>
<option value='OFI'>OFI</option>
<option value='AOC'>AOC</option>
<option value='MinorNC'>Minor NC</option>
<option value='MajorNC'>Major NC</option>
<option value='NA'>NA</option>
</select> </td>
<td> <textarea name='comment[]' value='comment' rows='7' cols='45' placeholder='write something here'></textarea></td></tr>
";
}
?>
</table>
В каждой строке я должен получать значение каждого из выбранных параметров пользователем.