<!DOCTYPE html>
<html>
<head>
<base href="/go.html?url=https://demos.telerik.com/kendo-ui/multiselect/index">
<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link href="/go.html?url=https://cdn.kendostatic.com/2014.2.903/styles/kendo.common.min.css" rel="stylesheet" />
<link href="/go.html?url=https://cdn.kendostatic.com/2014.2.903/styles/kendo.default.min.css" rel="stylesheet" />
<link href="/go.html?url=https://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.min.css" rel="stylesheet" />
<link href="/go.html?url=https://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.default.min.css" rel="stylesheet" />
<script src="https://cdn.kendostatic.com/2014.2.903/js/jquery.min.js"></script>
<script src="https://cdn.kendostatic.com/2014.2.903/js/angular.min.js"></script>
<script src="https://cdn.kendostatic.com/2014.2.903/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example" role="application">
<div class="demo-section k-header">
<h2>Invite Attendees</h2>
<label for="required">Required</label>
<select id="required" multiple="multiple" data-placeholder="Select attendees...">
<option value="1">Steven White</option>
<option value="2">Nancy King</option>
<option value="3">Nancy Davolio</option>
<option value="4">Robert Davolio</option>
</select>
<label for="optional">Optional</label>
<select id="optional" multiple="multiple" data-placeholder="Select attendees...">
<option>Steven White</option>
<option>Nancy King</option>
<option>Nancy Davolio</option>
</select>
<button class="k-button" id="get">Send Invitation</button>
</div>
<script>
$(document).ready(function() {
// create MultiSelect from select HTML element
var required = $("#required").kendoMultiSelect().data("kendoMultiSelect");
var optional = $("#optional").kendoMultiSelect().data("kendoMultiSelect");
$("#get").click(function() {
alert("Attendees:\n\nRequired: " + required.value() + "\nOptional: " + optional.value());
});
});
</script>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<base href="/