Jquery UI自動完成與網絡形式

Question

我在一個asp.net web表單中使用jquery ui autocomplete，搜索圖像存儲庫產生與imagethumb和標題列表。

<script type="text/javascript"> 
    $(document).ready(function() { 
     SearchText(); 
    }); 
    function SearchText() { 
     $(".autosuggest").autocomplete({ 
      source: function (request, response) { 
       $.ajax({ 
        type: "POST", 
        contentType: "application/json; charset=utf-8", 
        url: "service.asmx/Search", 
        data: "{'searchtext':'" + document.getElementById('txtSearch').value + "'}", 
        dataType: "json", 
        success: function (data) { 
         response($.map(data.d, function (item) { 
          return { 
           pageno: item.PageNo, 
           ImageUrl: item.ImageUrl 
          }; 
         })); 

        }, 
        error: function (result) { 
         alert("Error"); 
        } 
       }); 
      }, 
      focus: function(event, ui) { 
       $("ul li a").value; 
        return false; 
      }, 
     }).data('autocomplete')._renderItem = function (ul, item) { 
      return $('<li>') 
      .data('item.autocomplete', item) 
      .append("<a><img src='" + item.ImageUrl + "' />" + item.pageno + "</a>") 
      .appendTo(ul); 
     }; 
    } 
</script> 

HTML

 <div> 
    Search: 
    <input type="text" id="txtSearch" class="autosuggest" /> 
    </div> 

它的工作很好，但是當我選擇一個項目，它不會在文本框中填寫。我哪裏錯了？任何幫助讚賞。

Answer 1

爲自動完成寫入選擇事件還

select: function(event, ui) { 
     alert(ui.item.value); 
    }