Relevant Dropdown

A HTML5 datalist polyfill that depends on jQuery and Modernizr.

Datalist browser support (Dec 2011) is Firefox 4+, Opera 10.6+, and IE 10. It's reasonable that you'd want WebKit support. So. This.

Example HTML5 Markup

Include jQuery and Modernizr in head of document

Run the Modernizr test, and load polyfill stuff if needed

load-fallbacks.js calls the plugin. Example contents:

$('#search').relevantDropdown();

$('#name').relevantDropdown({
  fadeOutSpeed: 0, // optional, default: 'normal;
    change: function(new_text) {
      console.log('the new value is: ', new_text);
  }
});

TODO

• Better IE styling (drop shadows don't work)
• Remove Modernizr and jQuery dependencies (make totally standalone)