Auto complete Change not working

Question

0.00/5 (No votes)

See more:

JavaScript

jQuery(function(){

$('#selector').autocomplete("URL");

});

This function is working for me.
But it should fire a ajax call when changes happened in auto complete.

JavaScript

$('#selector').change(function(){
   alert($('#selector').val());
});

The above code is not working properly. Suppose if i enter value as "Cycle" in auto complete,
the change event passing only a first character of "Cycle".

Please can anyone help to get full value when change happened in auto complete box.

Posted 19-Dec-13 19:42pm

srkrishnan0509

Updated 19-Dec-13 21:13pm

v3

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 20-Dec-13 2:16am

What it alerts by below line?

alert($('#selector').val());

srkrishnan0509 20-Dec-13 3:12am

<input type="text" id="selector">

After filling this input, i should fire chnage event.

tat alerts will print the value of tat input box.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 20-Dec-13 4:34am

Check my answer. Your code is working perfectly.

srkrishnan0509 20-Dec-13 5:01am

I know it will work man.. when i am selecting auto complete option its just alerting first character of the string.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 20-Dec-13 5:14am

I am not sure what you are talking. But take a look at the below demo link.

Autocomplete Demo[^].

I entered cycle, it shows me "Cycle", then I select that and press tab or move mouse out of the TextBox. So, it alerts me "Cycle".

Then what is the problem?

srkrishnan0509 20-Dec-13 6:01am

its not working dude..

srkrishnan0509 20-Dec-13 6:01am

In your code alert is not working dude.

srkrishnan0509 20-Dec-13 6:02am

Is there any change event for auto complete.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 20-Dec-13 6:56am

Yes there is... Now check my Demo.

Autocomplete Change[^].

srkrishnan0509 21-Dec-13 2:13am

ya now its working.. thank you dude..

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 21-Dec-13 13:09pm

Most welcome buddy.

But I can see that you have rejected my answer after accepting it.
Moreover, you have also added one answer and accepted that. I hope that you have accidentally rejected my answer. So, please accept it again and up vote as I have updated it at the time when I created a new demo for you.

Please do it.

Thanks,
Tadit.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2013-12-19T22:34:00

Solution 1

But the change event is working as expected with your code.

See the Demo - [Demo] jQuery TextBox onChange Event[^].

[Edit]

Quote:
Is there any change event for auto complete.

Yes there is.
Now check my Demo. Autocomplete Change[^].

Posted 19-Dec-13 22:34pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Updated 20-Dec-13 1:50am

v2

srkrishnan0509 · Accepted Answer · 2013-12-20T20:14:00

<input type="text" id="selector">

C#

var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Cycle",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "JavaScript",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"];
$("#selector").autocomplete({
    source: availableTags,
    change: autoCompleteChanged
});

function autoCompleteChanged(event, ui) {
    alert($('#selector').val());
}