multiselect dropdown example

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

by Ali Soltani

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="https://rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"></script>
<select id="data" name="data" class="data" multiple="multiple">
  <option value="1">Manager</option>
  <option value="2">Lecture</option>
  <option value="3">Sales</option>
  <option value="4">Student</option>
  <option value="5">Guest</option>
</select>

JavaScript

$('select').multiselect({includeSelectAllOption: true});

// Get your data
var data="1,3"; // You can use a ViewBag like ViewBag.UserRoles for roles of users

// Split data by ","
var dataArray=data.split(",");

// Set dataArray
$("select").val(dataArray);

// Refresh for cheking default values
$("select").multiselect("refresh");