JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<body>
    <table>
        <tbody>
            <tr class="seat_cat_group_end" id="myid1">
                <td class="resale-item-seatCat category">
                    <span class="seatCat">Category 1</span>
                </td>
                <td class="resale-item-subCategory reducedTariff">
                    Purchase
                </td>
                <td class="resale-item-quantity quantity">
                    <select id="myid1" >
                    <option value="0" selected="&quot;selected&quot;">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    </select>
                </td>
            </tr>
            <tr class="seat_cat_group_end" id="myid2">
                <td class="resale-item-seatCat category">
                    <span class="color" style="background-color: #00B0F0;"></span><span class="seatCat">Category 2</span>
                </td>

                <td class="resale-item-subCategory reducedTariff">
                    Purchase
                </td>
                <td class="resale-item-quantity quantity">
                    <select id="myid2"> 
                    <option value="0" selected="&quot;selected&quot;">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    </select>
                </td>
            </tr>
        </tbody>
    </table>
</body>

JavaScript

alert('jQuery: ' + $('tr#myid2 select#myid2').val());
alert('Javascript: ' + document.querySelectorAll("[id='myid2']")[1].value);

 document.querySelectorAll("[id='myid2']")[1].value = "2";