       placeholder: @state.placeholder,
       data: data
     })
+
+  componentDidUpdate: ->
+    dropdown = "##{@state.name}_dropdown"
+    if @state.isBlank
+      $(dropdown).html('').select2({data: [{id: '', text: ''}]})
+    else
+      data = @state.data.map (value) ->
+        id: value
+        text: value
+      $(dropdown).html('').select2({data: data}).val(@state.value).trigger('change')
 
   select2TaxonConcept: ->
     $("#taxon_name_dropdown").select2({

    )

  setBlank: ->
    @setState({value: ' '})

  componentWillUpdate: (nextProps, nextState)->
    @refs.textInput.value = nextState.value

  componentDidMount: ->
    data = []

      value: props.value
      form: props.form
      apiBaseUrl: props.apiBaseUrl
      isBlank: false
    }
    @setBlank = @setBlank.bind(@)

