"bootstrap-multiselect.js" code example

Example 1: cant pass multipule select input bootstrap

<div class="col-9">
                                <select id="generals" name="generals" class="form-control kt-selectpicker"  multiple title="Choose one of the following...">
                                <optgroup label="Passport">
                                    <option value="passport_number">Number</option>
                                    <option value="passport_date">Date of issuance</option>
                                    <option value="passport_expired">Date of expiry</option>
                                    <option value="passport_office">Issuing Office</option>
                                </optgroup>
                                    <optgroup label="Personal">
                                        <option value="applicant_id">Applicant Id</option>
                                        <option value="first_name">First Name</option>
                                        <option value="first_name">Middle Name</option>
                                        <option value="last_name">Last Name</option>
                                        <option value="address">Address</option>
                                        <option value="crew_id">Crew Id</option>
                                        <option value="email">Email</option>
                                        <option value="mobile_number">Mobile Number</option>
                                    </optgroup>
                                </select>
                            </div>

Example 2: bootstrap-multiselect npm

<!-- Latest compiled and minified CSS --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css"> <!-- Latest compiled and minified JavaScript --><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-select.min.js"></script> <!-- (Optional) Latest compiled and minified JavaScript translation files --><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/i18n/defaults-*.min.js"></script>

Tags:

Html Example