como definir o valor padrão em uma caixa de entrada com o select2 inicializado
Como definir o valor padrão em uma caixa de entrada com select2? aqui está o meu HTML
<input type="text" id="itemId0" value="Item no. 1">
e meu javascript:
$("#itemId0").select2({
placeholder: 'Select a product',
formatResult: productFormatResult,
formatSelection: productFormatSelection,
dropdownClass: 'bigdrop',
escapeMarkup: function(m) { return m; },
minimumInputLength:1,
ajax: {
url: '/api/productSearch',
dataType: 'json',
data: function(term, page) {
return {
q: term
};
},
results: function(data, page) {
return {results:data};
}
}
});
function productFormatResult(product) {
var html = "<table><tr>";
html += "<td>";
html += product.itemName ;
html += "</td></tr></table>";
return html;
}
function productFormatSelection(product) {
var selected = "<input type='hidden' name='itemId' value='"+product.id+"'/>";
return selected + product.itemName;
}
Aqui está o problema: se eu não inicializar minha caixa de entrada em uma caixa select2, posso exibir o valor padrão da minha caixa de entrada que é "Item nº 1", mas quando eu inicializá-lo com select2 por exemplo.$("#itemId0").select2({code here});
Não posso exibir o valor padrão da minha caixa de texto..
Alguém sabe como posso exibir o valor padrão, por favor?