object作为Bootstrap标签输入中的标签

Question

我正在使用Bootstrap Tags Input Redshift JDBC driver from Amazon

现在我希望将值作为id和文本作为城市

我的代码：

<input id="button" type="submit" name="button" onclick="test();" value="enter"/>
<input type="text" value="" id="test" data-role="tagsinput" />

<script>
    function test(){
        var elt = $('#test');
        elt.tagsinput({
            itemValue: 'value',
            itemText: 'text',
        });
        elt.tagsinput('add', { "value": 1, "text": "Amsterdam"});
        elt.tagsinput('add', { "value": 4, "text": "Washington"});
        elt.tagsinput('add', { "value": 7, "text": "Sydney"});
        elt.tagsinput('add', { "value": 10, "text": "Beijing"});
        elt.tagsinput('add', { "value": 13, "text": "Cairo"});
    }
</script>

当我点击按钮时，它不会将标签放入输入中。