Friday, November 4, 2016

Bootstrap multiselect jquery plugin

In this article I am going to explain how to create multiselect dropdown with checkbox using Bootstrap multiselect Jquery plugin.

Bootstrap multiselect jquery plugin

In previous article I have explained about Dropdowncheckboxes DLL to create multiselect dropdown. Here is another option to create the same, we can use the Bootstrap multiselect Jquery plugin.

You can download the Multiselect Jquery Plugin from HERE.

Or you can use the CDN of Bootstrap and Multiselect Jquery and CSS.

HTML Markup of webform:
<html xmlns="">
<head id="Head1" runat="server">
    <title>Multiselect Dropdown checkboxes Tutorial</title>
<%-- cdn of jquey and css--%>
    <script type="text/javascript" src=""></script>
    <link rel="stylesheet" href=""/>
<script src=""></script>
    <script type="text/javascript" src=""></script>
    <link rel="stylesheet" href="" type="text/css"/>

    <script type="text/javascript">
        $(document).ready(function () {
            $('#state').multiselect({ includeSelectAllOption: true,enableFiltering: true });

    <form id="form1" runat="server">
    <div style="">
    <fieldset style="margin-left:450px;width:35%;height:160px">
    <legend>Example of Dropdown checkbox</legend>
    <tr><td>Select State : </td><td> <select id="state" multiple="multiple">
      <option value="1">Himachal Pradesh</option>
    <option value="2">Punjab</option>
    <option value="3">Haryana</option>
    <option value="4">Chandigarh</option>
    <option value="5">Delhi</option>
    <option value="6">Bihar</option>
     <option value="7">UP</option>
      <option value="8">Kerla</option>

No comments:

Post a Comment