Layout of drop-down lists

Question

JavaScript

When you need not just a drop-down list, but a beautifully designed drop-down list, layout designers use various javascripts. All of these scripts work in much the same way. The select tag is replaced with a bunch of div tags. The simplest actions - the selection of an element of the list is performed. But if we need a little more complicated, for example, to attach a function to the onchange drop-down list event, then this no longer works. Tell me how this problem is solved or in which scripts for registration of additional downs, this problem was initially solved.

Answer 1

If you replace the list with a bunch of divs, then you will no longer need to process onchange, but, for example, onclick on the div, and, optionally, change the list there so that onchange works. Something like this.

Answer 2

See examples here: css.maxdesign.com.au/listamatic/

Answer 3

In jQuery, for example (I think in any other serious framework), you can fire events custom. For example, here is the jQuery custom selectboxes plugin . If specifically on this page to execute:

$('#default-usage-select').change(function() { alert(this.value); });

And then select a color in the demo select, then its value will be alerted.

Answer 4

here you can choose what you like - www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements
I personally like this one the most - www. dfc-e.com/metiers/multimedia/opensource/jqtransform/
I think it's not a problem to write a function for the drop-down list event yourself.

Answer 5

When using jquery, you can generate an event yourself via trigger('change').

Answer 6

And why do you need selects at all with such Wishlist? Javascript and hidden field. All hooks are in javascript.

Answer 7

I once wrote such a plugin for myself (the problem in the existing ones was just on onchange). I advise you to do the same, there will be less problems later.