JSFiddle - React, Tailwind, and code Playground
HTML
<asp:TextBox runat="server" ID="objTitolare_Comune" CssClass="textbox400"></asp:TextBox>
<asp:HiddenField ID="hfComuneId" runat="server" />
<asp:Label runat="server" ID="lblAvviso" Text="<br/>Controlla di averlo digitato correttamente, oppure continua con l'inserimento." Font-Size="Small" ForeColor="Red"/>
JavaScript
$("#<%=objTitolare_Comune.ClientID %>").autocomplete({
source: function (request, response) {
$.ajax({
url: 'Comuni.svc/GetElencoComuni',
dataType: 'json',
data: {
'prefix': request.term
},
success: function (data) {
response($.map(data.d, function (item) {
return {
label: item.split('|')[1],
val: item.split('|')[0],
com: item.split('|')[2],
cap: item.split('|')[3],
prov: item.split('|')[4]
}
}))
},
error: function (response) {
alert(response.responseText);
},
failure: function (response) {
alert(response.responseText);
}
});
},
select: function (e, i) {
//Passaggio dei Valori alla selezione
$("#<%=hfComuneId.ClientID %>").val(i.item.val);
$("#<%=objTitolare_Comune.ClientID %>").val(i.item.com);
$("#<%=objTitolare_CAP.ClientID %>").val(i.item.cap);
$("#<%=objTitolare_Provincia.ClientID %>").val(i.item.prov);
},
minLength: 2
});