Поскольку вы не указали, в какой момент вы хотите получить значения из полей со списком (например, после выбора параметра - как упоминалось в других ответах), я опубликую решение, которое позволит вам получить значениеполе со списком в строке, определяемой индексом в теле таблицы.
Код использует jQuery и Javascript.
function getSelectedOptionInRow(index){
let selector = "tbody tr:nth-child(" + (index+1) + ") select option:selected";
return $(selector).val();
}
Вы можете использовать эту функцию следующим образом.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<table>
<thead>
<tr>
<td>id</td>
<td>name</td>
<td>stats</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>David</td>
<td>
<select name="yourOpt">
<option value="0">Not Active</option>
<option value="1">Active</option>
</select>
</td>
</tr>
<tr>
<td>2</td>
<td>James</td>
<td>
<select name="yourOpt">
<option value="0">Not Active</option>
<option value="1">Active</option>
</select>
</td>
</tr>
</tbody>
</table>
<button onclick="btnClicked()">Click</button>
<script>
// Action when button is clicked
function btnClicked() {
printAll();
}
// Helper function to get the options
// in all the rows
function printAll() {
let selector = "tbody tr"
let options = [];
$(selector).each(function(i) {
options.push(getSelectedOptionInRow(i));
});
alert(options.join(" "));
}
// Function to obtain the selected id
// of the 'yourOpt' combobox.
function getSelectedOptionInRow(index) {
let selector = "tbody tr:nth-child(" + (index + 1) + ") select option:selected";
return $(selector).val();
}
</script>
</body>
</html>