View on GitHub

Jquery-custom-select

jQuery Custom Select (Dropdown Menu)

Download this project as a .zip file Download this project as a tar.gz file

jQuery Custom Select (Dropdown menu)

How to use:

$('select').customSelect();

Demo:

Normal use:

Native select:

Custom select:

<select name="price" class="price styled">
    <option value="any">Price From:</option>
    <option value="0">$ 0 </option>
    <option value="150000">$ 150,000</option>
    <option value="200000">$ 200,000</option>
    <option value="250000">$ 250,000</option>
</select>

Multiple options:

Native select:

Custom select with multiple selction:

<select name="catg" class="multi styled">
    <option>Type</option>
    <option value="All">All Types</option>
    <option value="Apartment">Apartment</option>
    <option value="House">House</option>
    <option value="Land">Land</option>
    <option value="Semi/Duplex">Semi/Duplex</option>
    <option value="Townhouse">Townhouse</option>
    <option value="Unit">Unit</option>
    <option value="Warehouse">Warehouse</option>
</select>