Bootstrap Tagsinput不返回对象项

Question

我正在使用Bootstrap Tagsinput，它运行正常。但是，我最近尝试更改它以使其返回对象（id和文本）而不仅仅是文本但它不起作用。它会在没有实际数据的情况下继续返回[object, object]。

HTML：

<select multiple class="form-control" id="countryList"  onclick="addToTagsInput();" >
    <option value="AFG">Afghanistan</option>
                    .
                    .
</select>

<input class="form-control" type="text" id="sc">

JavaScript的：

function addToTagsInput(){
    $('#sc').tagsinput({
        itemValue: 'CountryCode',
        itemText: 'CountryName'
    });
    $('#sc').tagsinput('add', { CountryCode: document.getElementById('countryList').value, CountryName: document.getElementById('countryList').options[document.getElementById('countryList').selectedIndex].text });
}

$('#sc').on('itemAdded', function(event) {
    alert($("#sc").tagsinput('items'));//same results if I use console.log
});

其中：

document.getElementById('countryList')是列出世界各国的列表框，其国家/地区的国家和文字的值为三个代码字母

请注意，我从列表框中获得的值和文本都经过了正确的测试。