JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div class="input select">
<select id="test" multiple="multiple" name="data[approver_ids][]">
  <option value="1">test1</option>
  <option value="2">test2</option>
  <option value="3">test3</option>
  <option value="4">test4</option>
  <option value="5">test5</option>
</select>
</div>
<button onClick="$('#test option:selected').prop('selected', false);
  var values = {1:1,3:3,4:4,5:5};
  console.log(values);
  $('#test option').each(function()
			{
        console.log($(this).val());
        console.log(jQuery.inArray($(this).val(),values));
				if ($(this).val() in values) {
					$(this).prop('selected',true);
				}
			});">func1</button>
<button onClick="$('#test option:selected').prop('selected', false);
  var values = {1:1,2:2,3:3,5:5};
  $('#test option').each(function()
			{
				if ($(this).val() in values) {
					$(this).prop('selected',true);
				}
			});">func2</button>