Jquery 引导标记输入-如何预填充对象值
我正在使用表单中输入的引导标记,使用以下代码初始化:Jquery 引导标记输入-如何预填充对象值,jquery,twitter-bootstrap,tags,Jquery,Twitter Bootstrap,Tags,我正在使用表单中输入的引导标记,使用以下代码初始化: $('#looking_for_job_titles').tagsinput({ itemValue: 'id', itemText: 'name' }); // TypeAhead.js var job_scopes = new Bloodhound({ datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.
$('#looking_for_job_titles').tagsinput({
itemValue: 'id',
itemText: 'name'
});
// TypeAhead.js
var job_scopes = new Bloodhound({
datumTokenizer: function(d) {
return Bloodhound.tokenizers.whitespace(d.value);
},queryTokenizer: Bloodhound.tokenizers.whitespace,
limit: 100,
remote: {
url: 'http://www.domain.com/json.php?action=job_title&q=%QUERY'
}
});
job_scopes.initialize();
$('#looking_for_job_titles').tagsinput('input').typeahead({
itemValue: 'name'
},
{
name: 'job_scope',
displayKey: 'name',
source: job_scopes.ttAdapter(),
templates: {
empty: [
'<div class="empty-message">',
'no results found',
'</div>'
].join('\n'),
suggestion: function(data){
return '<p>'+ data.industry +'> <strong>' + data.name + '</strong></p>';
}
},
engine: Hogan
}).bind('typeahead:selected', $.proxy(function (obj, datum) {
this.tagsinput('add', datum);
}, $('#looking_for_job_titles')));
对于需要此功能的任何人:
$.each(obj, function(index, value) {
$('#looking_for_job_titles').tagsinput('add', value);
console.log(value);
});
它应该很简单,填充该输入的
value=“
属性,但不使用javascript。
如果您以正确的格式执行此操作,它将正常工作
value=" [{"id":"80001","name":"Account Manager"},{"id":"80251","name":"Projektant"}]"
检查方法上的文档 您可以使用:
$('input').tagsinput('add', 'some tag');
及
是的,但我需要id+值组合。请参阅底部的我的解决方案。如果将该值作为json存储在输入中,并在后端使用json_编码和解码,会怎么样?
$('input').tagsinput('add', 'some tag');
$('input').tagsinput('refresh');