Dropdown in Bootstrap 4

dropdown both split

The Bootstrap 4 dropdown component contains the list of links and more that can be used as contextual menus, in navbars etc. The dropdown menu can be opened by a clicking on a button or link (also split buttons) and these are toggleable.

Turn a Bootstrap Dropdown into Multi-Select Button using jQuery

jQuery bootstrap dropdown button

The dropdown-checkboxes plug-in The jQuery dropdown-checkboxes plug-in will turn a Bootstrap select dropdown into the multi-select input button where options are available with checkboxes. This is a compact dropdown/button and a user may select one or more options by ticking the checkboxes. The selected checkbox/option values are stored in a hidden input field. Developer’s page … Read more

5 Demos of Pretty Dropdowns by jQuery Plug-in (pretty-dropdowns)

jQuery-dropdown option groups

The pretty-dropdowns plug-in Turn the ordinary HTML select dropdowns into beautiful menus by using the pretty-dropdowns jQuery plug-in. It comes up with many features that you may customize as per the need of your theme of forms. The features include: You may add customized HTML to the menu items like icons, thumbnails, etc. Create menus … Read more

A Bootstrap / jQuery based select box with search and multi-select options

jquery select box

A beautiful select box based on jQuery / Bootstrap The selectr is a jQuery plug-in for creating the pretty select box on your website that allows multi-selection along with searching the options. You may limit the maximum number of selections as well. In the Bootstrap based select component, I showed you a few demos of creating … Read more

10 Demos of Bootstrap Multiselect Dropdown by using jQuery

bootstrap multiselect

The Bootstrap multiselect with jQuery The multiselect dropdown allows the visitors of the website selecting multiple options from a dropdown in a form. Although, you may achieve that by using the multiple attribute in the <select> tag of HTML, however, instead of a dropdown, a list view type is displayed that allows users to choose … Read more

A jQuery linked select dropdown plugin with 2 examples

jQuery linked select

What is a linked select plug-in? In certain situations, you need to present the selectable information to users in dropdowns which is categorized. For example, consider this scenario: Choose a maker of cars: Ford Honda Toyota GM Choose a model based on first selection: Modal 1 Modal 2 Modal 3 Choose the Year of manufacturing … Read more

A jQuery Multi-select List view Plug-in: with Six Options

jQuery multi select style

The multi-select list view plug-in In professional websites, you generally need to select multiple options from one list to the other that are used for specific types of data. For example, select your skills from the available list of HTML, JavaScript, jQuery, Bootstrap, CSS, etc.  This list is generally presented on the left side. You … Read more

A jQuery Select Dropdown – An editable input plug-in

jQuery select edit style

The editable jQuery select dropdown In the Bootstrap series of tutorials, I wrote about multi-select dropdown along with searchable option as using the Bootstrap framework. In this tutorial, I am going to show you another plug-in related to HTML select but with editable options. This nice and simple jQuery-based plugin allows adding new options on … Read more

Six demos of how to get value in jQuery select option

jQuery select option

The HTML select dropdown and jQuery In certain scenarios, you need to work with forms in web projects and get value selected by the user, particularly in the select dropdown to perform a certain action without refreshing the web page. In this tutorial, I will show you examples of using HTML select to get the … Read more