tự động hoàn thành jquery - nhập thực thi trước bằng tab thay vì chọn một tùy chọn tự động hoàn tất

Question

Tôi có trường trước kiểu tự động điền jquery. nó hoạt động chính xác 100% và nhắc tôi về các giá trị. Tuy nhiên nó yêu cầu tôi nhấp vào tùy chọn tôi muốn chọn.

nếu giá trị kiểu trước là 1234 và tôi nhấp vào 1234 nó chạy một số logic với giá trị này, hãy cảnh báo ví dụ bên dưới.

nếu tuy nhiên tôi nhập 1234 và nhấn tab, tùy chọn tự động hoàn tất không được chọn và do đó cảnh báo không kích hoạt. làm thế nào tôi có thể nói jquery để giả định giá trị đã gõ được chọn khi nhấn tab và không buộc người dùng phải chọn một tùy chọn từ loại trước tự động điền?

cú pháp của tôi là dưới đây:

function callAutocomplete(element) 
{ 
    $(element).autocomplete( 
    { 
     source: "get_sku_codes", 
     messages: 
     { 
      noResults: '', 
      results: function() {} 
     }, 
     select: function(event, ui) 
     { 
      var selectedObj = ui.item; 
      alert(selectedObj); 
     } 
    }); 
} 

nhắc lại, tôi muốn gõ 1234 vào trường đầu vào, tab báo chí và logic autocomplete phải được gọi như thể tôi đã nhấp vào autocomplete gợi ý '1234' .

Việc này có thể thực hiện được không? Có lẽ một sự kiện onchange cho đầu vào nhưng làm thế nào để tôi nhận được hàm onchange được gọi để gọi logic tự động hoàn thành?

Hy vọng điều đó có ý nghĩa.

Cảm ơn mọi khi.

Answer 1

Tôi tin rằng bạn muốn autoFocus tùy chọn:

Nếu đặt true mục đầu tiên sẽ tự động được tập trung khi menu được hiển thị.

Với ý nghĩ đó, bạn muốn đơn giản chỉ cần thay đổi khởi tạo lại các widget:

function callAutocomplete(element) 
{ 
    $(element).autocomplete( 
    { 
     source: "get_sku_codes", 
     messages: 
     { 
      noResults: '', 
      results: function() {} 
     }, 
     select: function(event, ui) 
     { 
      var selectedObj = ui.item; 
      alert(selectedObj); 
     }, 
     autoFocus: true 
    }); 
} 

Ví dụ:http://jsfiddle.net/WP29E/132/