jQuery Dropalizer Plugin

This plugin is under development! Feel free to contribute!

(Even with this very bad english written ReadMe!)

Now you can make your selects fields more beautiful!

You just need to use the following structure in your html:

<div class="yourClass">
	<label for="fieldName">Click to see the options</label>
	<select name="fieldName">
		<option value="1">Option 1</option>
		<option value="2">Option 2</option>
		<option value="3">Option 3</option>
	</select>
</div>

So, you activate the plugin with the method:

$(yourClass).dropalizer();

And it will transform your not customizable select tag into a group of div and ul wich works like a select and is fully customizable with normal CSS:

<div class="yourClass dropalizer">
	<div class="listContainer">Click to see the options</div>
	<input type="hidden" name="fieldName">
	<ul style="display: block;" id="fieldNameList">
	  <li data-value="1">Option 1</li>
	  <li data-value="2">Option 2</li>
	  <li data-value="3">Option 3</li>
	</ul>
</div>

Enjoy and contribute!

ecfaria/jquery-dropalizer-plugin

jQuery Dropalizer Plugin

Now you can make your selects fields more beautiful!