无法使用Multiselect bootstrap taginput进行预先输入

Question

我有以下代码。

                <div class="bs-example">
                    <select multiple data-role="tagsinput">
                        {% for tag in result['tag'] %}
                            <option value="{{tag}}" selected="selected">{{tag}}</option>
                        {% endfor %}
                    </select>
                    <script>
                       $('input[type="text"]').typeahead({
                            source: function (query, process){
                                return $.getJSON('http://localhost:9450/a=query&text="+query+"*:PTN_LABEL&print=fields&printfields=PTN_LABEL&matchdatabase=xxxx&responseformat=json',{
                                    query: query
                                }, function (data){
                                    console.log(data);
                                });
                            }
                       });
                    </script>
                </div>

我无法使用bootstrap tagsinput中的输入字段进行查询。