JQuery Problemas com leitura JSON

[LuccasCardial 0]

Salve, amigos! :)

 

Estou criando um pequeno framework para a função 'auto-complete'.

Sei que temos o Jquery-Ui, mas quero criar algo que eu tenha a satisfação de ter feito.

Porém, estou com um problema um tanto quanto estranho.

Todo o retorno das informações do meu DB são feitas em JSON, e então crio um laço each com Jquery para ler todo o array:

$.ajax({
	url: "AutoComplete.php",
	type: 'GET',
	dataType: 'json',
	data: {input: objeto, key: keyWord },
})
.done(function(resposta) {
	
			
	html = "<datalist id="+list+">";
	$.each(resposta, function(i){
		html +="<option value="+this.nome+">";
	});
	html += "</datalist>";
	$('.JanelaSistema').append(html);		

})
.fail(function() {
	console.log("error");
})

No meu db, possuo 3 registros na tebela "clientes"

 

ID | Nome

01 | Lucas Cardial

02 | Marilene Barbosa

03 | Zuleide Conceição

 

Lá no each, quando atribuo o valor da tag option:

$.each(resposta, function(i){
 html +="<option value="+this.nome+">";
});

Eu deveria ter o seguinte resultado:

<option value="Lucas Cardial">
<option value="Marilene Barbosa">
<option value="Zuleide Conceição">

Mas o que isto é o que ocorre :

<option value="Lucas" Cardial>
<option value="Marilene" Barbosa>
<option value="Zuleide" Conceição>

Qualquer valor depois do espaço, fica fora da propriedade value.

Este é o resultado em json:

[
 {"id":"1","nome":"Lucas Vinicius"},
 {"id":"2","nome":"Marilene Barbosa"},
 {"id":"5","nome":"Zuleide Conceicao"}
]

Aguardo ansiosamente! :D

[Snowden 94]

troque

//html +="<option value="+this.nome+">";
html += '<option value="'+this.nome+'">'+this.nome+'</option>';

[LuccasCardial 0]

 

troque

//html +="<option value="+this.nome+">";
html += '<option value="'+this.nome+'">'+this.nome+'</option>';

Não é preciso encerrar a tag com </option>, por se tratar de uma datalist.

Mas você resolveu o meu problema, era só a falta das aspas slimples.

Ficou desta forma:

html +="<option value='"+this.nome+"'>";

Muito obrigado!