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.
-
You need:
-
Apply
ulSelect()
on the element you want to convert fromul
to aselect-like
:
$('#my-list').ulSelect(function(selectedLI) {
console.log("The selected option is: ",selectedLI)
})
- Make sure the URL to
chevron.svg
is correct inul-select.css
See https://aymkdn.github.io/ul-select/example.html for an example.