Chúng ta có thể sử dụng jQueryUI tự động hoàn thành với các plugin đầu vào thẻ jQuery không?

Question

Tôi muốn kết hợp hai plugin lại với nhau.

Tôi đang sử dụng tính năng tự động điền jquery cho trường zipcode.

Bây giờ tôi muốn thêm nhiều mục nhập cho trường zipcode vì vậy tôi tìm thấy plugin thẻ đầu vào jQuery.

Vì vậy, tôi muốn sử dụng tính năng tự động hoàn thành jQueryUI với plugin đầu vào thẻ jQuery.

Tôi đã thử bản thân mình trên JSfiddle nhưng không hoạt động. link: -http: //jsfiddle.net/7aDak/1719/

Có ai có thể giúp tôi về chức năng này không.

Answer 1

Bạn gặp hai vấn đề ở đây: tên param

• mặc định được sử dụng bởi autocomplete là "hạn" - không thể thay đổi bởi param đơn giản, bạn cần phải làm điều đó bằng chức năng "nguồn"
• kết quả cần hai lĩnh vực : "label" và "value" không được nhà cung cấp của bạn cung cấp - cần remap phản hồi.

Mã dưới đây là tốt cho startpoint cho bạn:

$('#tag1').tagsInput({ 
autocomplete_url:'http://ws.geonames.org/postalCodeSearchJSON', 
autocomplete:{ 
source: function(request, response) { 
    $.ajax({ 
    url: "http://ws.geonames.org/postalCodeSearchJSON", 
    dataType: "json", 
    data: { 
     postalcode_startsWith: request.term 
    }, 
    success: function(data) { 
     response($.map(data.postalCodes, function(item) { 
         return { 
          label: item.countryCode + "-" + item.placeName, 
          value: item.postalCode 
         } 
        })); 
    } 
    }) 
}}}); 

http://jsfiddle.net/YGm89/