Aymkdn / ul-select

Make an unordered list behave like a select element

ul-select

Make an unordered list behave like a select element.

Original idea from https://github.com/zgreen/ul-select, with some changes to enable multiple ul-select in the page and trigger a callback when selected.

Usage

1. You need:

   • jQuery
   • ul-select.js
   • ul-select.css
   • chevron.svg

2. Apply ulSelect() on the element you want to convert from ul to a select-like:

$('#my-list').ulSelect(function(selectedLI) {
  console.log("The selected option is: ",selectedLI)
})

3. Make sure the URL to chevron.svg is correct in ul-select.css

Example

See https://aymkdn.github.io/ul-select/example.html for an example.