Previous data gets lost on selection

[turhn]

 <div id="tax-list" class="tag-list"></div>

            $.getJSON('/api/tax/', function (result) {
                var arr = new Array();
                for (var k in result) {
                    arr.push(result[k].TaxCode);
                }
                $('#tax-list').tags({
                    tagData: [],
                    restrictTo: arr,
                    suggestions: arr
                });
            });

When I initialize the tags just like the code above, for the first time it initializes perfectly. When I select an item from the suggestions list, the page refreshes and I lose the previously selected data.

[maxwells]

I'm confused as to why the page is refreshing when the item is selected. In this context (http://maxwells.github.io/bootstrap-tags.html) does it also refresh the page after selecting something? Does your code tell the page to refresh through some event handler?

Is the issue that the page is refreshing when a user clicks the suggestion or are you expecting the data to hang around from page to page?

[turhn]

I have just realised that the problem only occurs when I hit the enter button to select an item. I mean it is not actually refreshing the it's just posting the form and that causes refreshing.

If I update the situation :

How can I set the 'tags' to select suggested items by hitting the enter button without posting the entire form.

Sorry for the inconvenience.

[maxwells]

Got it. Thanks for clarifying. Yeah -- I had never tried to personally use it in a form. I've added an event.preventDefault() call that should work.

Newest version is 1.1.5: https://github.com/maxwells/bootstrap-tags/tree/1.1.5 -- reopen the issue if that doens't work for you