autocomplete

[vina 0]

Bom dia montei um jquery com ajax para fazer uma busca e mostrar umas informações.

 

e nessa parte do codigo eu quero que quando eu escolher uma das opções que aparecer ele jogue o valor no meu input

select: function (event, ui) {
  var selecionado = ui.item.Name;
  jQuery(this).val(selecionado);
},

Mas ele esta ficando em branco, alguem sabe como ajustar isso?

abaixo o codigo completo!

jQuery("#country_name").autocomplete({
					source: function (request, response) {

						jQuery.ajax({
							url: 'minha-url',
							type: "GET",
							dataType: "json",
							contentType: "application/json; charset=utf-8",
							data: {
							   name_startsWith: request.term,
							   type: 'country'
							},
							success: function (data) {
								response(jQuery.map(data, function (item) {
									return {
										Name: item.display_name,
										ImageUrl: item.image
									}
								}));
							}
						});
					},
					minLength: 2,
					select: function (event, ui) {
						var selecionado = ui.item.Name;
						jQuery(this).val(selecionado);
					},
					open: function () {
						jQuery(this).removeClass("ui-corner-all").addClass("ui-corner-top");
					},
					close: function () {
						jQuery(this).removeClass("ui-corner-top").addClass("ui-corner-all");
					}
				}).data("ui-autocomplete" )._renderItem = function( ul, item ) {
			var inner_html = '<a><div class="list_item_container"><div class="image" style="float:left;margin:0px 10px 0px 0px;"><img src="' + item.ImageUrl + '" width=40px" height="40px"></div><div class="label">' + item.Name + '</div><div class="clear"></div></div></a>';
			return jQuery( "<li></li>" )
				.data( "item.autocomplete", item )
				.append(inner_html)
				.appendTo( ul );
		};

Obrigado

[William Bruno 1501]

Pq o this ali se perdeu.

jQuery(this).val(selecionado);

Qual elemento vc quer preencher ?

[vina 0]

na verdade tive que colocar esse codigo

event.preventDefault();

e funcionou.