JSFiddle - React, Tailwind, and code Playground

by lakshmipriya001

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="clearfix">
  
    <div class="pull-left" style="margin-left: 10px;">
        <select class="picker selectpicker" data-size="8" disabled>
           
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
        </select>
    </div>
</div>

JavaScript

$(document).ready(function() {
    $('body').on('click', function() {
       
 $('.picker').removeAttr('disabled');
  $('.picker').selectpicker('refresh');
   });
 });