title: jQuery Select2 Tokenization - Only accept values are in the dropdown
body: <p>I am trying to use the Automatic tokenization example from here: <a href="https://select2.github.io/examples.html#tokenizer" rel="nofollow noreferrer">https://select2.github.io/examples.html#tokenizer</a></p>
  
  <p>The point is that I can also type items that are not in the drop down (e.g.: yellow, orange, potato) and they got tokenized too.</p>
  
  <p>Is there a way that only elements that are in the list get tokenized? </p>
  
  <p>Lastly, is it possible to change the UI a bit so it doesn't grey out the selected options but they have a check icon instead (like in a multi-select dropdown)?</p>
  
  <p>Note: I have no code at the moment but I am making my question based on following sample code: <a href="http://codepen.io/SitePoint/pen/VeQGLO" rel="nofollow noreferrer">http://codepen.io/SitePoint/pen/VeQGLO</a></p>
  
  <p>This is the JS that is in the site:</p>
  
  <pre><code>$(document).ready(function(){
    $(".tokenizationSelect2").select2({
          placeholder: "Your favourite car", //placeholder
          tags: true,
          tokenSeparators: ['/',',',';'," "] 
      });
  })
  </code></pre>