JSFiddle - React, Tailwind, and code Playground

HTML

<label>Enter: </label>
                                                    <input type="text" name="" class="input-default"><button type="button" class="btn btn-success btn-sm m-b-10 m-l-5">Add</button>

<div style="width:100%;"> 
    <div style="float:right; width:60%;">
        <br><br><br>
        <button type="button" class="btn btn-primary m-b-10 m-l-5" onclick="move()" style="display:inline"> < Back </button>
<button type="button" class="btn btn-primary m-b-10 m-l-5" onclick="nextpart()" style="display:inline">Next ></button>


<div style="width:40%;">
<p>Please select:</p>

<script type="text/javascript"></script>

<select id='pre-selected-options1' multiple='multiple'>
    <option value='elem_1' selected>1</option>
    <option value='elem_2'>2</option>
    <option value='elem_3'>nextoption</option>
    <option value='elem_4' selected>option 1</option>
    <option value='elem_100'>option 2</option>
  </select>
  </div>
  </d

JavaScript

$('#pre-selected-options1').multiSelect();