o preenchimento automático exibe dados relevantes na janela de preenchimento automático
Eu tenho 3 campos de entrada, 1 para o tipo de dados e outros 2 são relevantes. quando pressiono o botão no campo de tipo de dados, quero exibir a janela de preenchimento automático como esta
em vez disso
E depois de selecionar, deve ficar assim
HTML
<tr>
<td><input type="text" id="no_1" class="form-control"></td>
<td><input type="text" data-type="vehicle" id="vehicle_1" class="type form-control"></td>
<td><input type="text" id="type_1" class="form-control"></td>
</tr>
JS
$(document).on('focus','.type',function(){
type = $(this).data('type');
if(type =='vehicle' )autoTypeNo = 1;
$(this).autocomplete({
source: function( request, response ) {
$.ajax({
url : 'autocomplete.php',
dataType: "json",
method: 'post',
data: {
name_startsWith: request.term,
type: type
},
success: function( data ) {
response( $.map( data, function( item ) {
var code = item.split("|");
return {
label: code[autoTypeNo],
value: code[autoTypeNo],
data : item
}
}));
}
});
},
autoFocus: true,
minLength: 0,
select: function( event, ui ) {
var names = ui.item.data.split("|");
id_arr = $(this).attr('id');
id = id_arr.split("_");
$('#no_'+id[1]).val(names[0]);
$('#vehicle_'+id[1]).val(names[1]);
$('#type_'+id[1]).val(names[2]);
}
});
});