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，我非常沮丧。请帮忙。！！

修改

我已经从这个链接中引用了代码 3-steps-to-creating-a-jquery-autocomplete-drop-down-menu

Answer 1

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]);
});

Demo here

Answer 2

$（function（）{

$（ “＃FNAME”）。自动完成（{ 来源：“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];
}

}）;

试试这个会奏效。已添加来源。

〜ķ

jquery中的formatresult没有调用

2 个答案: