複数選択失敗作

multiselect

  class MultiSelectWithoutCtrl
    constructor: (_this, options)->
      @id = null
      @name = options["name"]
      @select = _this
      @checkboxes = $("<div class='hidden_multi_select'></div>")
      @select.after(@checkboxes)
      @selected()
    selected: ->
      @select.on "click" , (event) =>
        event.preventDefault()
        @id = $(event.currentTarget).val()
        if @is_exist_id()
          @remove_checkbox()
        else
          @add_checkbox()
        @redraw()

    add_checkbox: ->
      @checkboxes.append(@make_checkbox())
    remove_checkbox: ->
      @target_element().remove()
    make_checkbox: ->
      "<input name='#{@name}' type='checkbox' value='#{@id}' checked='checked' class='#{@make_class_name()}'>"
    make_class_name: ->
      "#{@name.replace("[", "_").replace("]", "_")}_#{@id}"
    target_element: ->
      $(".#{@make_class_name()}")
    is_exist_id: ->
      @target_element().exists()
    redraw: ->
      _.each @select.find("option"), (option) ->
        @id = option.value

        if @is_exist_id()
          option.selected = true
        else
          option.selected = false
      , @

  $.fn.multiSelectWithoutCtrl = (options) ->
    new MultiSelectWithoutCtrl(@, options)

  $(".user_id").multiSelectWithoutCtrl({name: 'purchase[user_id]'})