How To Individually Target Multiple Dropdowns In Css For Dropkick Plug-in

Follow up to: How to get the output in relative units instead px by modifying this jQuery plugin of making custom style dropdown? Referring to: http://jamielottering.github.com/Dr

Solution 1:

Assigning a unique ID would be the job of the template parser. You don't mention which templating engine you're using. The general idea is that you pass the dropdown data, along with a reference to the template you defined above, to the template parser. The parser will inject the id values into the correct template element and then you're off to the races.

Solution 2:

DropKick has themes, so you would do something like this:

$('select.a').dropkick({ theme: 'black' });
$('select.b').dropkick({ theme: 'white' });

and then in your styles:

.dk_theme_black { background:black; color:white;}
.dk_theme_white { background:white; color:black;}