Example for Selectize.js blog post

edit.html.erb

<%= form_for @user, html: { "data-account-emails": @user.email_addresses.join(",") do |form| %>
  <label>
    Email<br>
    <%= f.text_field :email, value: f.object[:email], class: "email-autocomplete" %>
  </label>
<% end %>

forms.js.coffee

jQuery ->
  REGEX_EMAIL = new RegExp('^[^@\\s]+@([^@\\s]+\\.)+[^@\\W]+$')
  KEY_RETURN = 13

  selectize_options = () ->
    options = {
      persist: false
      maxItems: null
      maxOptions: 3
      plugins: ['remove_button']
      valueField: 'value'
      searchField: 'value'
      selectOnTab: true
      disableDelete: true
      render:
        item: (item, escape) ->
          return "<div class='email-item'><span>#{escape(item.value)}</span></div>"
        option: (item, escape) ->
          return "<div class='email-item'><span>#{escape(item.value)}</span></div>"
      closeAfterSelect: true
      createOnBlur: true
      createFilter:
        REGEX_EMAIL
      create: true
      onInitialize: ->
        values = this.$input.parents("form").data("account-emails")

        if values
          for value in values.split(",")
            this.addOption({value: value})
    }

  $(".email-autocomplete").selectize(selectize_options())

  $(document).on('keydown', '.selectize-input input', (e) ->
    if e.keyCode == KEY_RETURN
      e.preventDefault()
  )

public.js

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// the compiled file.
//
// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
// GO AFTER THE REQUIRES BELOW.
//
//= require selectize
//= require_tree ./public

users_controller.rb

class UsersController < ApplicationController
  def edit
    @user = User.find(params[:id])
  end
end