Skip to content
Woadud Akand edited this page May 20, 2019 · 5 revisions

Search and Select

This is pure JavaScript Plugins

installation

Add this style sheet in your html page

<link rel="stylesheet" href="style.css">

Add markup like this, in your html page

>        <div id="anyId">                       
>             <select name="anyName" >
>                 <option value="">Select Item</option>                
>                 <option value="alom">Alom</option>                
>                 <option value="basir">Basir</option>                
>                 <option value="asad">Asad</option>                
>                 <option value="barek">Barek</option>                      
>             </select>                   
>         </div> 

Add This script file in your html page

<script src='script.js'></script>`
<script> pureScriptSearchNSelect('#anyId'); </script>   

You can also use icon attribute for add icon like this

<option icon="fas fa-check-double" value="deloar">Deloar</option>

You can also use img attribute for add Image like this

<option img="https://upload.wikimedia.org/wikipedia/commons/f/f9/Flag_of_Bangladesh.svg" value="barek">Barek</option>

For The Clear Concept Please See The Markup Code

Note: This is Open source Plugins