Released 7 years ago , Last update 7 years ago

Style a select element by turning it into an unordered list

What's moCombo.replace?

moCombo.replace converts any <select> element into a fully styleable (via CSS) ordered list. And in the case of the single select element, it even allow you to change the arrow of the drop down menu.

Does it keep events added to the original select?

This version of moCombo keeps onchange events (even if they where assigned using mootools, with the addEvent call).

Does it keep options groups?

Option groups are kept intact and are converted to an unordered list.

What are the requirements

moCombo.replace requires mootools 1.3

Which browsers is it compatible with?

It was tested with IE7, IE8, FF2, FF3, Safari 5, Chrome 2 and Opera 11. All under windows.

How to use it?

Include mootools 1.3 javascript file, and the moCombo javascript file, then just add this call to your domready.

new moCombo.replace($$('select.replaceme'));

You can pass 1 or more elements via their CSS selectors.


14 day 14-day money-back guarantee


Personal License

  • Perpetual license

  • Unlimited sites, servers

  • No distribution (hosted use only)

  • Commercial use

1 license From » $4.99 View Licenses

Get A Quote

What do you need?
  • Custom development
  • Integration
  • Customization / Reskinning
  • Consultation
When do you need it?
  • Soon
  • Next week
  • Next month
  • Anytime

Thanks for getting in touch!

Your quote details have been received and we'll get back to you soon.

Or enter your name and Email
  • RH Ray Howell License holderPersonal License
    Purchased on Nov 18, 2011
    7 years ago
    Yep. hi. Can you confirm whether this will conflict with any other js.library? and is MoCombo different from mooltiSelect? I am interested as these sound like a reasonable replacement for asp droplists? I am assuming I can link these to a datasource? using the runat="server" tag? and I assume a iteration through a sqldatareader and using list.add will allow this control to be populated? Thanks
    • Marcelo Origoni Publisher 7 years ago
      Hi Ray, the main difference between MoCombo and mooltiSelect, it's that mooltiSelect can be any element (div, table, ol, etc) and moCombo, must be applied to a select element Asp droplist are converted to select elements, when asp renders the page, so it will work, and will allow you to style the droplist. Bare in mind, this is javascript and uses mootools. As long as there's no conflict between mootools and other libraries (I've seen mootools working together with jQuery, Prototype, Dojo).
    • RH Ray Howell 7 years ago
      Brilliant answer thank you. this might have an obvious answer, but I must ask.. If this is applied to an Asp DropDownlist control, will the Asp 'behind' coding still function? I like the idea of both of these tools so will purchase them, but would be good to know the answer to save hours of stress, hahahaa. thanks again