jquery autocomplete remove option trigger function

Question

I am using jQuery auto complete to filter a list. On select it display one particular item and hides others

Now i want to add a cross icon to remove this selection, when click on it the input box will be reset and a java script function will be called.

enter image description here

 $( "#name_input" ).autocomplete({

                source: availableTags,
                select: function (event, ui) {



                    var selectedObj = ui.item;                
                    filterByName(selectedObj.value);
                    //console.log(selectedObj.value);
                }

            });

How can i add the cross button on input?

I am not able to figure out which event will be triggered when select all the input text and remove it. — hemc4
– hemc4, Commented Jan 31, 2014 at 7:03
If you just want to reset the input, how about a button with a click-event that sets the value of the input to an empty string? Or what exactly do you want to do? — Agash Thamo.
– Agash Thamo., Commented Jan 31, 2014 at 7:12
Button will be enough, but i want to show it as cross icon on input field. — hemc4
– hemc4, Commented Jan 31, 2014 at 7:14

Vikarn Singh Mankotia · Accepted Answer · 2014-01-31 08:20:12Z

2

Hey hi Hemc, I hope i understood your problem, you should try out chosen jquery.Chosen git hub

I hope this would solve your problem.

Buddy i found a solution for you go to this link (xoxco.com/projects/code/tagsinput) – Vikarn Singh Mankotia

edited Jan 31, 2014 at 8:20

answered Jan 31, 2014 at 7:31

Vikarn Singh Mankotia

3261 gold badge2 silver badges9 bronze badges

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

4 Comments

hemc4 Over a year ago

yeah, something like it but i cann't use select box. I want same option in auto complete box.

Vikarn Singh Mankotia Over a year ago

Buddy i found a solution for you go to this link (xoxco.com/projects/code/tagsinput)

Vikarn Singh Mankotia Over a year ago

go to the demo of this link and see your auto complete section.

hemc4 Over a year ago

Thanks, Got it, i will modify it get desired result.Can you please update your comment in your answer ?

Collectives™ on Stack Overflow

jquery autocomplete remove option trigger function

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related