Skip to content

Make an unordered list behave like a select element

License

Notifications You must be signed in to change notification settings

Aymkdn/ul-select

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

  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)
})
  1. 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.

About

Make an unordered list behave like a select element

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published