JSFiddle - React, Tailwind, and code Playground

by Academia

HTML

<table>
<tbody id="mapping_table">
    <tr>
        <td>Some Value 1</td>
        <td>
            <select name="xml_field[some_value_1]">
                 <option value="1">Select value 1</option>
                 <option value="2">Select value 2</option> 
            </select>
        </td>
        <td>
            <select name="join_field[some_value_1]">
                <option value="1">Join select value 1</option>
                <option value="2" selected>Join select value 2</option> 
            </select>
        </td>
    </tr>
</tbody>
</table>

JavaScript

$("#mapping_table tr").each(function () {
    var firstSelect = $(this).find('td:nth-child(2) select').val();
    var secondSelect = $(this).find('td:nth-child(3) select').val();
    alert(firstSelect);
    alert(secondSelect);
});