Multiselect Web Component

Multiselect Web Component in VanillaJS

View the Project on GitHub tabalinas/multiselect-web-component


  • Argentina
  • Australia
  • Brazil
  • Canada
  • China
  • France
  • Germany
  • India
  • Mexico
  • Russia
  • United States

  • Source HTML

    <x-multiselect placeholder="Select Value">
        <li value="1" selected>Argentina</li>
        <li value="2">Australia</li>
        <li value="3">Brazil</li>
        <li value="4">Canada</li>
        <li value="5" selected>China</li>
        <li value="6">France</li>
        <li value="7">Germany</li>
        <li value="8" selected>India</li>
        <li value="9">Mexico</li>
        <li value="10">Russia</li>
        <li value="11" selected>United States</li>

    * Open browser console to see selected items on every change event.