https://github.com/dineshhv/dropList

dropList is a lightweight jQuery plugin to customize the UI style of drop down list. The plugin has droplist, multilist and combo list (search and dropdown) options
https://github.com/dineshhv/dropList

Last synced: 18 days ago
JSON representation

dropList is a lightweight jQuery plugin to customize the UI style of drop down list. The plugin has droplist, multilist and combo list (search and dropdown) options

• Host: GitHub
• URL: https://github.com/dineshhv/dropList
• Owner: dineshhv
• License: mit
• Created: 2013-09-19T07:13:23.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2014-03-06T02:27:53.000Z (over 10 years ago)
• Last Synced: 2024-08-01T00:56:22.835Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 288 KB
• Stars: 7
• Watchers: 3
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
### dropList

dropList is a lightweight jQuery plugin to custom UI style for drop down list. The plugin has droplist, multilist and combo list (search and dropdown) options

###Basic dropList

This is standard dropList with simple selection, users can make one selection at a time.

```

		        $('#dlist').dropList({


				selected	: '["default"]'


				});	

```

###Multiselection dropList

Multiselect dropList is same as standard droplist with additional feature to select more than one item, you can customize the drop list easily by adding property variables

```

		        $('#dlist2').dropList({


					multiple	: true,


					selected	: '["saab","Honda"]'


				});	

```

###Combo dropList with search option

Combo dropList is a combination of both search and selection list box. 

```

		        $('#dlist3').dropList({


					search		: true


				});

```

###Installation

For installation you gone need the following plugins, just include the latest version of jQuery, jQuery UI and dropList plugin

```

```

Then include the External CSS library

```

	

```

Finally include the script to initialize the dropList

```

			$('#dlist').dropList();

```

###Configuration

####selected:

'["default"]' or '["saab","Honda"]'

Selected option will enable the default selection of the dropList. This selected option is applicable only for the standard and multiselect. It is not available for the search dropList 

####speed

200 or 300

speed is to determine the UI animation Speed, will accept integer values.

####multiple

true/false

This one for enabling the multi selection option for the dropList.

####search

true/false

search option is to enable the combo option (droplist with search box).

####text

"Select your car" 

text option for customize the textbox value of the combo dropList.