Searchable Drop-down

For elements which has huge number of drop down values.

by Bijoy Anupam

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>
<h1>Searchable Drop-down</h1>
<select class="selectpicker" data-live-search="true">
  <option>CVS Retail, 123 Some Street, NW, Washington D.C., 200012 | Acct: 38043884</option>
  <option>CVS Retail, 123 Some Street, NW, Washington D.C., 200012 | Acct: 38043885</option>
  <option>CVS Retail, 123 Some Street, NW, Washington D.C., 200012 | Acct: 38043886 | 3408</option>
  <option>CVS Retail, 123 Some Street, NW, Washington D.C., 200012 | Acct: 38043887 | 3409</option>
  <option>CVS Retail, 123 Some Street, NW, Washington D.C., 200012 | Acct: 38043888 | 3409</option>
  <option>XYZ Retail, 456 Some Street, NW, Washington D.C., 200012 | Acct: 31234509 | 3102</option>
  <option>XYZ Retail, 456 Some Street, NW, Washington D.C., 200012 | Acct: 31234510 | 3103</option>
  <option>XYZ Retail, 456 Some Street, NW, Washington D.C., 200012 | Acct: 31234509 | 3104</option>
  <option>CVS Retail, 123 Some Street, NW, Washington D.C., 200012 | Acct: 38043886 | 3408</option>
  <option>CVS Retail, 123 Some Street, NW, Washington D.C., 200012 | Acct: 38043886 | 3408</option>
  <option>CVS Retail, 123 Some Street, NW, Washington D.C., 200012 | Acct: 38043886 | 3408</option>
  <option>CVS Retail, 123 Some Street, NW, Washington D.C., 200012 | Acct: 38043886 | 3408</option>
  <option>CVS Retail, 123 Some Street, NW, Washington D.C., 200012 | Acct: 38043886 | 3408</option>
  <option>CVS Retail, 123 Some Street, NW, Washington D.C., 200012 | Acct: 38043886 | 3408</option>
  <option>CVS Retail, 123 Some Street, NW, Washington D.C., 200012 | Acct: 38043886 |...

JavaScript

document.querySelector(".dropitem").innerText = document.querySelector(".selectpicker").children.length;