#select box

Now we’ are Create Dynamic dependent select box using jQuery Ajax, , PHP and SQL. Typically, this is using for automatically add dependent data to a dropdown list without page load.

It is very common feature of website that is used in the selection of country according to the list of drop-down. if you Select any country you can see state of this country ,and after select state you can see city of this state .

Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.

Use cases

Enhancing native selects with search.

Enhancing native selects with a better multi-select interface.

Loading data from JavaScript: easily load items via AJAX and have them searchable.

Nesting optgroups: native selects only support one level of nesting. Select2 does not have this restriction.

Tagging: ability to add new items on the fly.

Working with large, remote datasets: ability to partially load a dataset based on the search term.

Paging of large datasets: easy support for loading more pages when the results are scrolled to the end.

Templating: support for custom rendering of results and selections.

Cascading Dropdown Lists Using jQuery

How to create cascading dropdown lists on selectbox or combobox or listbox using jquery plugin

Read More Download Live Demo

Import Library

<link rel="stylesheet" href="css/zurb-foundation-5.5.1/foundation.min.css"> <link rel="stylesheet" href="css/font-awesome-4.3.0/css/font-awesome.min.css"> http://js/jquery-2.1.3.min.js http://js/jquery.cascading-drop-down.js

Use Script

$('.cascadingDropDown')…

Convert Select Box to Toggle Button Using jQuery and Bootstrap

How to convert select input or combobox to toggle button or buttons group using jquery and bootstrap

Read More Download Live Demo

Import Library

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js http://select-toggl…

Select2 : jQuery based replacement for select boxes

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

Multi selectbox với JQuery Ajax

Để xử lý vấn để “Multi selectbox” có vẻ khá khó khăn nhưng nó thì rất dễ dàng với JQuery. Chúng ta chỉ cần kết hợp sự kiện onChange với JQuery Ajax là có thể giải quyết được vấn đề này. Trường hợp “Multi selectbox” thường được dùng khi chúng ta có 2 selectbox là “City” và “District”

Để giải quyết vấn đề này chúng ta cần có 2 tập tin: Tập tin index.php chứa mã JQuery và tập tin select.php sẽ xử…

Zelect – jQuery Plugin for Custom Select Elements

Zelect is a jQuery plugin to create custom <select> elements.

Features:

Lightweight

Zero base CSS, roll your own

Customizable

Handles asynchronous paged loading of large option lists (read: AJAX-ready-and-enabled)

Initializable in a detached or hidden DOM node

Programmatically selectable and changeable

Unit-tested

Demo || Download

Zelect – jQuery Plugin for Custom Select Elements

Zelect is a jQuery plugin to create custom <select> elements.

Features:

Lightweight

Zero base CSS, roll your own

Customizable

Handles asynchronous paged loading of large option lists (read: AJAX-ready-and-enabled)

Initializable in a detached or hidden DOM node

Programmatically selectable and changeable

Unit-tested

Demo Download