Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Luan Poletti

Alterar id do campo quando o autocomplete é gerado

Recommended Posts

Bom dia sou novo em javascript e estou tentando usar o autocomplete do Jquery UI.

 

O autocomplete está funcionando mas tem dois porem:

 

1º Quando seleciono um nome da lista do autocomplete ao inves dele colocar o label ele está colocando o value no campo.

2º Gostaria que quando seleciono a pessoa pela lista, ele colocasse o label no campo pro usuário ver e no value da tag colocasse o value do que tem na lista abaixo que na verdade é o id da pessoa.

 

Os valores em json estão vindo como abaixo:

{"response":"true","message":[{"label":"Margo Froener Novello","value":"5"},{"label":"Milena","value":"11"},{"label":"William","value":"12"},{"label":"Marines","value":"18"},{"label":"Mariana","value":"23"},{"label":"Marcio","value":"25"},{"label":"Itamar","value":"32"},{"label":"BRT Com. Equipamentos Hidr\u00e1ulicos","value":"35"},{"label":"Marisa Lancheria","value":"58"},{"label":"Fernando Magr\u00e3o","value":"48"},{"label":"Neusa irm\u00e3 Nivaldo","value":"63"},{"label":"William n\u00e3o cliente","value":"66"},{"label":"Ademir Mielke","value":"68"},{"label":"Marisete Gon\u00e7alves de Oliveira","value":"69"},{"label":"S\u00e9rgio Henrique Machado de Castilhos","value":"73"},{"label":"Josu\u00e9 Maciel","value":"75"},{"label":"Ana Maria","value":"78"},{"label":"Biatriz de F\u00e1tima Bueno de Alves","value":"79"},{"label":"Sumaia Brinox","value":"80"},{"label":"Arno Moscato","value":"84"},{"label":"Guilherme Zahn","value":"88"},{"label":"Marta\/Cristiano","value":"93"},{"label":"Rudimar Luis Da Luz","value":"94"},{"label":"Edina Maria Rizze","value":"95"},{"label":"Marcio Boeira","value":"99"}]}

Meu javascript é seguinte:

$("#cliente-input").autocomplete({
	minLength: 1,
	source: function(req, add){
		$.ajax({
			url: <?php echo '\''.site_url('cadastro/autoCliente').'\'' ?>, 
			dataType: 'json',
			type: 'POST',
			data: req,
			success: function(data){
				if(data.response =='true'){
				   add(data.message);
				}
			}
		});
	}
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.