Contact Select

by Jason Crowther

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/js/select2.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/css/select2.min.css">
<label for="contactId">Select Contact</label>
<select id="contactId" name="contactId">
  <option value=""></option>
  <option value="1">Blake, Monica</option>
  <option value="2">Cha, Chung-chi</option>
  <option value="3">Crowther, Jason</option>
  <option value="4">Mortensen, Jay</option>
  <option value="5">Rogers, Tiffany</option>

</select>

CSS

#contactId { width: 30em }

JavaScript

$(document).ready(function() {
    $('#contactId').select2();
});