JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<select class="select2 select2-offscreen" id="id[0]" name="id[0]">
<option value="not received">Not Received</option>
<option value="received">Received</option>
</select>

<select class="select2 select2-offscreen" id="id[1]" name="id[1]">
<option value="not received">Not Received</option>
<option value="received">Received</option>
</select>

<select class="select2 select2-offscreen" id="id[2]" name="id[2]id[2]id[0]">
<option value="not received">Not Received</option>
<option value="received">Received</option>
</select>

<button class="go-btn" type="submit">Update All</button>

JavaScript

var lastSelectedValue = 'received';

$('select').change(function() {
  lastSelectedValue = this.value;
});

$('.go-btn').click(function() {
  // $('select').val('Not Received');
  $('select').val('not received'); // lowercase
  $('select').val(0); // or by index
});