Tags 引导标记值未显示？

我以前从未尝试过使用引导标签，我很困惑。所有的文档几乎都是相同的代码，但我无法让它工作？我想用这段代码做的就是在单击按钮时显示所选项目的值。我也希望能够添加和删除它们，但提供的代码并没有真正显示如何做到这一点？我使用的代码是我唯一能找到的代码：-

<script>
var cities = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.obj.whitespace('text'),
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  prefetch: 'assets/cities.json'
});
cities.initialize();

var elt = $('input');
elt.tagsinput({
  itemValue: 'value',
  itemText: 'text',
  typeaheadjs: {
    name: 'cities',
    displayKey: 'text',
    source: cities.ttAdapter()
  }
});
elt.tagsinput('add', { "value": 1 , "text": "Amsterdam"   , "continent": "Europe"    });
elt.tagsinput('add', { "value": 4 , "text": "Washington"  , "continent": "America"   });
elt.tagsinput('add', { "value": 7 , "text": "Sydney"      , "continent": "Australia" });
elt.tagsinput('add', { "value": 10, "text": "Beijing"     , "continent": "Asia"      });
elt.tagsinput('add', { "value": 13, "text": "Cairo"       , "continent": "Africa"    });
</script>
<script>
function myFunction() {

    var info=$("#input").val()
    alert(info);
}
</script>  

<button onclick="myFunction()">Try it</button>

对不起，如果这是一个简单的问题，但无论我走到哪里，我都会得到似乎不起作用的相同样品

---

非常感谢

这段代码适合我

var elt = $('#elt');
 elt.tagsinput({

  itemValue: 'value',
  itemText: 'text',
  typeaheadjs: [{
     hint: true,
     highlight: true,
     minLength: 2
  },{
     name: 'cities',
     displayKey: 'text',
     source: cities.ttAdapter()
   }
  ]
});

var elt = $('#elt');
 elt.tagsinput({

  itemValue: 'value',
  itemText: 'text',
  typeaheadjs: [{
     hint: true,
     highlight: true,
     minLength: 2
  },{
     name: 'cities',
     displayKey: 'text',
     source: cities.ttAdapter()
   }
  ]
});