formatresult в jquery не вызывает

Question

 <input type="text" name="lname" id="lname"/>
<input type="text" name="fname" id="fname"/>
<script>
$("#fname").autocomplete("service/getData.jsp", {
    formatItem: function(rowdata) {
        var details = rowdata[0].split(":");
         return details[1];
    },
    formatResult: function (rowdata) {
        alert("hello");
        var details = rowdata[0].split(":");
        $('#lname').val(details[0]);
        return details[1];
    }
});

</script>

Alertbox formatResult не вызывается, я очень расстроен. Пожалуйста помоги.!!

EDIT

Я сослался на код по этой ссылке раскрывающееся меню "3 шага к созданию jquery-автозаполнения"

Answer 1

$ (function () {

$ ( "# имя_файла"). Автозаполнения ({ источник: "service / getData.jsp",

formatItem: function(rowdata) { 

    var details = rowdata[0].split(":");
     return details[1];
},
formatResult: function (rowdata) {
    var details = rowdata[0].split(":");
    $('#lname').val(details[0]);
   // return details[1];
}

});

});

Попробуйте, это сработает. добавили в него источник .

~ K

Answer 2

Событие autocompleteopen может удовлетворить ваши потребности.

Установите автозаполнение следующим образом:

$("#fname").autocomplete("service/getData.jsp", {
    formatItem: function(rowdata) {
        var details = rowdata[0].split(":");
        return details[1];
    }
});

Теперь добавьте событие autocompleteopen:

$( "#fname" ).bind( "autocompleteopen", function(event, ui) {
    var rowdata = $("#fname").autocomplete( "option", "source"); // this line retrives all options provided in the 'source' property of autocomplete
    var details = rowdata[0].split(":");
    $('#lname').val(details[0]);
});

Демо здесь