Select2 Multiple Value

by Nate Atkinson

HTML

<script src="http://ivaynberg.github.io/select2/select2-3.4.3/select2.js"></script>
<form name="form1" id="form1" action="" method="post"> 
		<fieldset><legend>Shoe Info</legend>
		
			<dl>
				<dt>Name:</dt>
				<dd><input type="text" name="name" id="name" size="40" placeholder="Shoe name" required autofocus></dd>
			</dl>

				<dt>Tags:</dt>
				<dd><select multiple="" name="tags" id="tags" style="width:100%;">
					<option value="0">Select Tags</option>
					<option value="2">racing flat</option>
		            <option value="3">track spikes</option>
			        <option value="1">trainer</option>
				
				 </select>
				</dd>
			</dl>
			

										
		</fieldset>
		
<p class="submit-buttons"><input type="submit" class="button1" name="submit" id="submit" value="Add Shoes" /></p>

	</form>

JavaScript

$(document).ready(function() { 
        $("#tags").select2({ maximumSelectionSize: 3 });
    
});