Salve a tutti,
dovrei implementare una textbox con autocomplete con i dati presi da una tabella del db.
Non sono molto pratico di JQuery.
Ho provato questo esempio fornito da JQuery con un array e funziona correttamente:
http://jqueryui.com/autocomplete/#default
L'ho adattato al mio caso, ma non ho ancora risolto, appena digito nella casella 2 lettere mi va sulla funzione error e mi restituisce un parserror ma non riesco a capire il perché.
di seguito il codice:
<script>
$(function () {
$("#city").autocomplete({
source: function (request, response) {
$.ajax({
url: "method.aspx/GetPays",
dataType: "json",
data: { msg: request.term },
success: function (data) {
var datafromServer = data.d.split(":");
$("#city").autocomplete({
source: datafromServer
});
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
}
});
}
});
});
</script>
<div class="ui-widget">
<label for="city">Your city: </label>
<input id="city" />
Powered by geonames.org
</div>
<div class="ui-widget" style="margin-top: 2em; font-family: Arial;">
Result:
<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
</div>
[System.Web.Services.WebMethod]
public static string GetPays(string msg)
{
return "ALABAMA:ALASKA:AMERICAN SAMOA:ARIZONA:ARKANSAS:CALIFORNIA:COLORADO:CONNECT ICUTELAWARE
}
