JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<select id="driver_id">
<option val="1" class="team_opion option_21">demo</option>
<option val="2" class="team_opion option_21">xyz</option>
<option val="3" class="team_opion option_31">ab</option>
<option val="4" class="team_opion option_31">cd</option>
<option val="5" class="team_opion option_31">fg</option>
<option val="6" class="team_opion option_31">we</option>
</select>

JavaScript

team_id= 31;

var element = $("#driver_id");

originalElement = element.clone();  // keep original element, make it global
element.find('option').remove();    

originalElement
      .find(".option_"+team_id)
      .each(function() {
  				element
          		.append($(this)["0"].outerHTML); // append found options
});