我正在寻找一个标签插件前端,我发现了一个很棒的库,名为Bootstrap Tags Input,它们有很多示例,但是当我尝试将tags.text显示为文本和tags.id时我遇到了问题作为输入的值,这是我的 JSON 数据,如下所示:
[{"id":3,"text":"aut"},{"id":6,"text":"aut"}]
到目前为止,我的Javascript看起来像:
var tags = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {
url: 'api/v1/tags/%QUERY',
wildcard: '%QUERY'
}
});
tags.initialize();
$('#tags').tagsinput({
typeheadjs: {
name: 'tags',
displayKey: 'text',
valueKey: 'id',
source: tags.ttAdapter()
}
});
我尝试使用itemValue和itemText选项,但如果我在我的 javascript 函数中设置该选项,用户将无法添加新标签。如果我在没有两个选项的情况下在输入表单上显示文本,这可能吗?