Skip to content

Instantly share code, notes, and snippets.

@redgeoff

redgeoff/index.html

Last active November 10, 2015 20:20
Show Gist options
  • Save redgeoff/39598205b4fae59a22e3 to your computer and use it in GitHub Desktop.
Save redgeoff/39598205b4fae59a22e3 to your computer and use it in GitHub Desktop.
Download ZIP
Select2 Many Tags
Raw
index.html
<html>
<head>
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1-rc.1/css/select2.min.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1-rc.1/js/select2.min.js"></script>
</head>
<body>
<select id="js-example-tags" multiple="multiple" style="width:300px">
<option selected="selected">orange</option>
<option>white</option>
<option selected="selected">purple</option>
</select>
<script>
// Populate dummy data
var select = document.getElementById('js-example-tags');
for (var i = 0; i < 5000; i++) {
var option = document.createElement('option');
option.text = 'tag' + i + 'tag';
select.add(option, null);
}
// Transform field
$('#js-example-tags').select2({
tags: true
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment