jQuery Forum

I'm not sure what problem you're having. The change event is always triggered, regardless of whether an item is selected or not.

nope, this gives me the same result as what I'm currently having with the search event.
When I type in a non-existing name id is set to 0 (correct)

I did try it and it worked fine for me. The change event only occurs when the field is blurred, nowhere in your description do you ever say when you're blurring the field.

for some reason it's not working for me:

* I select a result so the id-field is filled in.
* Next I select the input field again, press SHIFT+HOME (or SHIFT+END) to select all text and press BACKSPACE or DEL to clear it. When I leave the field (with TAB or by clicking on another field) the change-event is not triggered.

Windows 7

anyone?

Hello guys,  probably I am doing something wrong since I don't know a lot about javascript,

for me the change event is working fine, when I get an option from the list, and then I modify part of the selected option and click anywhere on the page,  the change event gets triggered , but in my case I have an anchor which is submitting a form, the change event don't get triggered when clicking on the link, so previos seleted itemValue is sent within the request,  code looks something like this

1. <script>
       $(function() {
           $("#autocomplete").autocomplete({
               source: "search.do",
               select: function(e, ui) {
                   e.preventDefault(); // <--- Prevent the value from being inserted.
                   $("#itemLabel").val(ui.item.label);
                   $("#itemId").val(ui.item.value);
               },
               change: function(e, ui) {
                   if (!ui.item) {
                       $("#itemId").val('');
                   }
               }
           });
       });
      
       function submitSearchByGroup() {
           if ($.trim($('#itemId').val()) !== "")
           {
               document.searchForm.submit();
           } else {
               alert("Invalid entry");
   
           }
       }
   
2. 
   
3. <form method="post" name="searchForm" action="Search" >
4. .....
   
5. <a href="javascript:submitSearch();" class="actionButton"

I have tried a few things but none of them worked , do you know if there's a work around ?

Thanks in advance

I am attaching the sample , unzip it , open html file ,

options are named choise1, choise2 .... choiseN , just type ch on first select element , the list populates , select lets say choise3 ,  then modify the content erasing one letter , click anywhere on the page and then clink on the search and you will see an alert, that is expected ,

repeat the process , but instead of clicking somewhere in the page, click directly on the search link, it will send the request

Hi guys ,

I just saw that this is working fine when running it offline , but not working when deployed , there must be some other java script code which is making it fail when app is deployed , I will let you know about my findings ,

Thanks !

li.salvad.., I doubt anyone will take a look at this 1 year old thread, or ever bother to download your zip file.