Javascript 允许在引导标记输入中自由输入(对象作为标记)
我使用引导标记输入(对象作为标记)作为标记输入。正如官方文件所说,使用js自动完成建议的打字机工作正常。但这只允许建议的标记作为输入,换句话说,只允许Json列表中的标记。我尝试使用默认值(例如:stackoverflow标记)允许自由输入以及列表中的建议标记。但我不能把它做好。 这是我的密码:Javascript 允许在引导标记输入中自由输入(对象作为标记),javascript,jquery,bootstrap-tags-input,Javascript,Jquery,Bootstrap Tags Input,我使用引导标记输入(对象作为标记)作为标记输入。正如官方文件所说,使用js自动完成建议的打字机工作正常。但这只允许建议的标记作为输入,换句话说,只允许Json列表中的标记。我尝试使用默认值(例如:stackoverflow标记)允许自由输入以及列表中的建议标记。但我不能把它做好。 这是我的密码: var cities = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace('text'
var cities = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('text'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
local: citilist //{value: 1, text: "Saint Lucia", continent: "Ararat"}...
});
cities.initialize();
var elt = $('#txt');
elt.tagsinput({
itemValue: 'value',
itemText: 'text',
typeaheadjs: {
name: 'cities',
displayKey: 'text',
source: cities.ttAdapter()
},
freeInput: true
});
elt.tagsinput('add', { "value": 1, "text": "Amsterdam", "continent": "Europe" });
你可以试试这个代码。这是我的工作。请用你现有的代码写这个
负值为新添加的标签,正值为建议标签
'.tt输入'
是文本框$('#txt')
类
编辑:建议
计数--
到计数--
(-1先,然后返回值),这样值
的自由输入从-1开始您就有了一个非常简单的解决方案。谢谢
var count = 0;
$('body').on('keydown', '.tt-input', function (e) {
if (e.keyCode === 9) {
e.preventDefault();
$('#your-tag-input-Id').tagsinput('add', {
value: --count,
text: $('.tt-input').val(),
continent: "Unsaved"
});
$('.tt-input').val("");
}
});