Rails select2 ajax tags

Question

I'm using the select2 jquery gem. I'm trying to get the list of topics matching what the user types. It's not working as expected and i've spent all day trying to find out why. I keep getting this error in the console ``` Uncaught TypeError: Cannot call method 'toUpperCase' of undefined select2.js?body=1:363 Uncaught TypeError: Cannot call method 'localeCompare' of undefined ``` The second error links to the js file on this line ``` return this.text.localeCompare(term) === 0; ``` Is there something i'm doing wrong? Thanks in advance. My route: ``` get '/topic/topic_list' => 'topic#topic_list' ``` In my Topic controller i have: ``` def topic_list @topics = Topic.order(:name) respond_to do |format| format.html format.json { render json: @topics.where('name like ?', "%#{params[:q]}%") } end end ``` Topic js file ``` $(function () { $('#story_topic_list').select2({ tags: true, width: '100%', tokenSeparators: [","," "], createSearchChoice: function(term, data) { if ($(data).filter(function…

Accepted Answer

The select2 does not know what field you want to use from the data you passed back. Assuming it is the `name` field, add this function separately (not in select2):

```
function format(item) { return item.name; }
```

and the two following options to select2:

```
formatSelection: format,
formatResult: format
```

Rails select2 ajax tags

Solution

Problem