JSFiddle - React, Tailwind, and code Playground

by fosterz

HTML

<select id="multiple1" class='lstbox' multiple="multiple">
    <option>Multiple</option>
    <option>Multiple2</option>
    <option>Multiple3</option>
    <option>Multiple3</option>
    <option>Multiple3</option>
    <option>Multiple3</option>
    <option>Multiple3</option>
  </select>
<select id="multiple2" class='lstbox' multiple="multiple">
    <option>Multiple</option>
    <option>Multiple2</option>
    <option>Multiple3</option>
  </select>

JavaScript

$('.lstbox').change(function () {
    $($(this).get().reverse()).each(function(){
        $(this).find("option:not(:first-child)").attr("selected", true);
   });
    
    
});