Skip to content

Latest commit

 

History

History
45 lines (34 loc) · 1.17 KB

README.md

File metadata and controls

45 lines (34 loc) · 1.17 KB

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 can see an example here

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!