Can we use jQueryUI autocomplete with jQuery tags input plugin?

Question

I want to merge two plugins together.

I am using jquery autocomplete for zipcode field.

Now I want to add multiple entries for zipcode field so I found jQuery tags input plugin.

So I wnat to use jQueryUI autocomplete with jQuery tags input plugin.

I tried myself on JSfiddle but not working. link :-http://jsfiddle.net/7aDak/1719/

Can anyone help me for this functionality.

I believe tagsInput is powered by autocomplete. In fact, there's a demo on the project home page that demonstrates autocomplete functionality. What problems are you having, exactly? — Andrew Whitaker
– Andrew Whitaker, Commented Dec 23, 2012 at 16:22

Saram · Accepted Answer · 2013-01-02 13:46:43Z

10

You met two problems here:

default param name used by autocomplete is "term" - no changeable by simple param, you need to do it by "source" function
result needs two fields: "label" and "value" with is not provided by your provider - need response remap.

Code below is good for startpoint for you:

$('#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/

answered Jan 2, 2013 at 13:46

Saram

1,5101 gold badge18 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Akki Over a year ago

thanks Saram..! actually I have done it in same as above before u telling. I just forgot to answer my own question.Thanks

Mitesh Shah Over a year ago

above code snippet throwing script error in jsfilldle

Collectives™ on Stack Overflow

Can we use jQueryUI autocomplete with jQuery tags input plugin?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related