JSFiddle - React, Tailwind, and code Playground

by mukkaram waheed

HTML

<script src="https://facetwp.com/wp-content/plugins/facetwp/assets/vendor/fSelect/fSelect.js"></script>
<link rel="stylesheet" href="https://facetwp.com/wp-content/plugins/facetwp/assets/vendor/fSelect/fSelect.css">
<select class="my-select-box" multiple="multiple">
    
        <option value="me">Maine</option>
        <option value="ny">New York</option>
        <option value="nj">New Jersey</option>
        <option value="vt">Vermont</option>
   
 
</select>

<select class="my-select" multiple="multiple">
    
        <option value="me">Maine</option>
        <option value="ny">New York</option>
        <option value="nj">New Jersey</option>
        <option value="vt">Vermont</option>
   
 
</select>

JavaScript

var htm = $("<div class='fs-label-wrap'><div class='fs-label'>");
    
    htm = $("New option");
    htm = $("</div><span class='fs-arrow'></span></div>"); 
   $(function() {
    
 
       /*  $('.my-select-box').fSelect(); */
        $('.my-select').fSelect();
        
        $('.my-select-box').parent().children(":first").html(htm); 
    });