Quindi mi creo una pagina php dove scorro la tabella la richiamo da ajax, popolo la select e in base alla scelta inserisco il valore nei 2 input.
io gia faccio cosi aiutandomi con jquery.ui.autocomplete, in pratica popoli un input dove puoi fare una ricerca anche, il problema è che da mobile il dropdown ma a cavoli suoi:
$("#tariffa").autocomplete({
source: function(request, response) {
$.ajax({
url: "/search_tariffe.php",
type: 'post',
dataType: "json",
data: {
search_tariffe: request.term
},
success: function(data) {
response(data);
}
});
},
minLength: 0,
scroll: true,
autofocus: true,
select: function(event, ui) {
$('#tariffa').val(ui.item.label); // display the selected text
$('#prezzotariffa').val(ui.item.name);
// save selected id to input
return false;
}
}).focus(function() {
$(this).autocomplete("search", "");
});