Get started with bootstrap-multiselects CDN

MIT licensed

Bootstrap-multiselect: Plugin adds advanced multiselect features to Bootstrap select.

Tags:
  • bootstrap
  • bootstrap5
  • responsive
  • search
  • responsive-design
  • select
  • bootstrap5-template
  • dropdown
  • multiselect
  • multiselects
  • bootstrap-multiselects

Stable version

Copied!

How to start using bootstrap-multiselects CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with bootstrap-multiselects CDN - cdnhub.io</title>
    <link href="https://cdn.cdnhub.io/bootstrap-multiselects/1.0.1/bootstrap-multiselect.min.css" rel="stylesheet" />
</head>
<body>
    <div class="container mt-5">
        <h1 class="text-center mb-5">Bootstrap Multiselect Example</h1>
        <select multiple id="mySelect" class="form-control">
            <option value="option1">Option 1</option>
            <option value="option2">Option 2</option>
            <option value="option3">Option 3</option>
            <option value="option4">Option 4</option>
            <option value="option5">Option 5</option>
        </select>
        <button class="btn btn-primary mt-3" id="selectAll">Select All</button>
        <button class="btn btn-danger mt-3" id="deselectAll">Deselect All</button>
    </div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
    <script src="https://cdn.cdnhub.io/bootstrap-multiselects/1.0.1/js/bootstrap-multiselect.min.js"></script>

    <script>
        $(document).ready(function() {
            $('#mySelect').multiselect();

            $('#selectAll').click(function() {
                $('#mySelect').multiselect('select_all');
            });

            $('#deselectAll').click(function() {
                $('#mySelect').multiselect('deselect_all');
            });
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions