Boa tarde pessoal estou com um problema que apareceu do nada, eu tenho dois campos input em alguns 5 formularios que estão em jsp separados, um input com o id=“cidade” e outro com id=“endereco”, via javascript eu tento usar eles no autocomplete do jquery-ui e também para carregar dados via json, mas ele não encontra esses dois ID, e antes funcionava, em cada jsp eu só tenho esses input com esse ID, se eu trocar os ID ele funciona, por exemplo se colocar id=“cidadenome” ele funciona, alguém já teve esse problema, isso esta acontecendo em qualquer navegador, chrome, firefox…
segue parte dos jsp e javascript:
<input id="endereco" class="limpar inputForm upper" type="text" onkeypress="return desabilitaEnter(this, event);"
size="40" maxlength="40" name="pessoa.endereco.endereco" value="${pessoa.endereco.endereco}" required>
<input id="cidade" class="limpar upper inputForm" type="text" onkeypress="return desabilitaEnter(this, event);" required
size="40" maxlength="40" value="${pessoa.endereco.cidade.cidade}" onblur="getCidade();" name="pessoa.endereco.cidade.cidade">
javascript
$("#cidade").autocomplete({
source : function(request, response) {
$.ajax({
type : "get",
url : $('#nameProject').val() + '/cidade/buscarCidade.json',
dataType : "json",
data : {
q : request.term
},
success : function(data) {
response($.map(data, function(cidade) {
return {
label : cidade.cidade + " - " + cidade.uf.siglauf,
value : cidade.cidade,
uf : cidade.uf.siglauf,
idcidade : cidade.idcidade
};
}));
}
});
},
minLength : 3,
select : function(event, ui) {
$("#siglauf").val(ui.item.uf);
$("#idcidade").val(ui.item.idcidade);
}
});
$("#endereco").autocomplete({
source : function(request, response) {
$.ajax({
type : "get",
url : $('#nameProject').val() + '/endereco/buscarEndereco.json',
dataType : "json",
data : {
q : request.term
},
success : function(data) {
response($.map(data, function(endereco) {
return {
label : endereco.idend + " - " + endereco.endereco,
value : endereco.endereco,
endereco: endereco
};
}));
}
});
},
minLength : 3,
select : function(event, ui) {
$("#idend").val(ui.item.endereco.idend);
$("#cep").val(ui.item.endereco.cep);
$("#bairro").val(ui.item.endereco.bairro);
$("#cidade").val(ui.item.endereco.cidade.cidade);
$("#siglauf").val(ui.item.endereco.cidade.uf.siglauf);
$("#idcidade").val(ui.item.endereco.cidade.idcidade);
}
});
.......
/*AQUI EU CARREGO OS DADOS VIA JSON, ELE TAMBÉM NAO APARECE NADA, E SE EU DER UM INSPECIONAR ELEMENTO NO FIREBUG, APARECE O ID CERTO*/
$("#endereco").val(pessoa.endereco.endereco);
$("#cidade").val(pessoa.endereco.cidade.cidade);
Obrigado!